仿必应搜刮首页图片上表现渐隐渐现的小方块

发布时间：2018-09-01 19:57:18 所属栏目：编程来源：站长网

导读：在图片上方表现渐显渐潜匿的小方格子，微软闻名的搜刮引擎必应（bing.com）就是行使了这种结果，只不外必应的小方框是可以带链接的，本例中没有实现链接，好手们可以修改一下，抽时刻把必应的结果分享给各人，像这样的格子可以有许多，都在相应鼠标举措，

　　在图片上方表现渐显渐潜匿的小方格子，微软闻名的搜刮引擎必应（bing.com）就是行使了这种结果，只不外必应的小方框是可以带链接的，本例中没有实现链接，好手们可以修改一下，抽时刻把必应的结果分享给各人，像这样的格子可以有许多，都在相应鼠标举措，淡入淡出。

　　最近发明有许多伴侣收罗本站的文章，原来烈-火-网是接待复制的，只要给个链接或出处：猛火网 or Liehuo.Net 就可以了，可是某些无耻之人行使了CMS的收罗，一晚上就收罗了猛火一万多文章，而且去掉全部链接、替代了猛火的笔墨，用大大的水印挡住猛火的水印，各人可以在网上看到这个无耻网站，就不提名字了。

　　原来是不想说的，猛火的教程虽不是完全原创，但也是辛勤清算来的，就让这些小人们一夜之间收罗走了一多数。好了，费话多了，看最终结果吧：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片方格 - 烈@火@学@院</title> <script> window.onload = function(){ var sp = document.getElementById("pic").getElementsByTagName("span"); function e(a,f){ for(var i =0,j=a.length;i<j;i++){ f.call(a[i],i); } } function ap(o,n){ if(document.all){ o.style.filter = "alpha(opacity=" + n + ")" }else{ o.style.opacity = n/100; } } e(sp,function(){ var n=0,o=this; ap(this,n); this.onmouseover = function(){ if(!!o.s){clearInterval(this.s);this.s=null} o.s = setInterval(function(){ n+=4; if(n>100){clearInterval(o.s);o.s=null} ap(o,n); },30) } this.onmouseout = function(){ if(!!o.s){clearInterval(o.s);o.s=null} o.s = setInterval(function(){ n-=4; if(n<0){clearInterval(o.s);o.s=null} ap(o,n); },30) } }) } </script> </head> <body> <style type="text/css"> *{margin:0;padding:0;} ul,li{list-style-type:none;} #pic{position:relative;} .tips,.tips1,.tips2{width:100px;height:100px;display:block;position:absolute;top:50px;left:50px;opacity:1;filter:alpha(opacity=100);border:1px solid #000;background:#fff;} .tips1{top:100px;left:300px;} .tips2{top:100px;left:150px;} </style> <div id="pic"> <img src="/uploads/common/images/pic1.jpg" width="450"> <span class="tips">猛火学院</span> <span class="tips1">www.veryhuo.com</span> <span class="tips2">教程富厚的网站</span> </div> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

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

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