JS实现鼠标悬停切换图片,显示天气预报，利用焦点实现选择网站的实例代码，具有很好的参考价值，希望对大家有所帮助，一起跟随小编过来看看吧
本文讲述了JS实现鼠标悬停切换图片，显示天气预报，利用焦点实现选择网站的实例代码，分享给大家供大家参考，具体如下：
鼠标悬停切换图片：
<html> <head> <script type="text/javascript"> function mouseOver() { document.getElementById('b1').src ="diaochan.jpg" } function mouseOut() { document.getElementById('b1').src ="https://www.jb51.net/noimage.gif" } </script> </head> <body> <a href="#"> <img alt="Visit W3School!" src="https://www.jb51.net/noimage.gif")/> </a> </body> </html>
js显示天气预报：
<html> <head><title></title> <script type="text/javascript"> </script> </head> <body > <div> <iframe src="https://m.weather.com.cn/m/pn11/weather.htm" frameborder="1"></iframe> </div> </body> </html>
js利用焦点实现选择网站：
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> var i = 1; var focusid; function defau() { document.getElementById('1').focus(); focusid=1; } function showtable() { var id = i + 1; document.getElementById(id).focus(); focusid=id; i++; if (i == 4) { i = 0; } } function openhref() { var href = document.getElementById(focusid).href; document.location = href; } </script> </head> <body> <a href="https://www.baidu.com/">百度</a> <a href="https://www.google.com.hk/">谷歌</a> <a href="https://www.youku.com/">优酷</a> <a href="https://www.tudou.com/">土豆</a> <input type="button" value="选择" /><br /> <input type="button" value="进入" /> </body> </html>
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: