JS图片调动结果，相应鼠标给图片增进链接代码

发布时间：2018-08-17 09:18:12 所属栏目：编程来源：站长网

导读：JS图片调动结果，当我们用鼠标指向或颠末图片时，本来没有超等链接的图片会发生链接，而且图片也切换为另一张，不错的网页殊效，可以用于一些搞笑类的网站上，譬喻：默认图片弄一张特大度的美眉，当鼠标指到上边时酿成恶鬼，哈哈。。。猛火小编有点险恶了

　　JS图片调动结果，当我们用鼠标指向或颠末图片时，本来没有超等链接的图片会发生链接，而且图片也切换为另一张，不错的网页殊效，可以用于一些搞笑类的网站上，譬喻：默认图片弄一张特大度的美眉，当鼠标指到上边时酿成恶鬼，哈哈。。。猛火小编有点险恶了，不要跟我学哦。

　　示例：

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gbk" /> <title>CSS调动图片</title> <style type="text/css"> * { padding:0; margin:0; } </style> <script type="text/javascript"> window.onload=function(){ var otest=document.getElementById("test"); var obj=otest.getElementsByTagName("img")[0]; obj.onmouseover=function(){ var oa=document.createElement("a"); oa.href="http://www.liehuo.net"; var oi=this.cloneNode(true); oi.src="/uploads/common/images/wall_s2.jpg"; oa.appendChild(oi); otest.appendChild(oa); this.style.display="none"; } } </script> </head> <body> <div id="test"> <img src="/uploads/common/images/wall_s3.jpg" alt="veryhuo com" /> </div> </body> </html> <div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE