鼠标移上图片滑出文字提示代码.docVIP

下载本文档

4
0
约2.46千字
约 3页
2018-02-18 发布于河南
举报
版权申诉

鼠标移上图片滑出文字提示代码.doc

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

鼠标移上图片滑出文字提示代码

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8titleJS+CSS控制鼠标移上图片滑出文字提示代码 - /title/headstyle#list{?width:420px;?height:380px;?border:1px solid #666;?padding:5px;}#list ul{?list-style:none;?float:left;}#list li{?margin:5px;}#list img{?width:100px;?vertical-align:middle; ?border:0;}#list div.box{?width:130px;?height:150px;?border:1px solid #333; ?display: table-cell;?vertical-align:middle;?text-align:center;?display: block;?font-size: 130px;?position:relative;?overflow:hidden;}#list div.tip{?height:25px;?line-height:25px;?text-align:center;?width:130px; ?background:#999; ?position:absolute;?z-index:10;?top:120px;?font-size:14px;?filter:alpha(opacity=40);?-moz-opacity:0.4;}/stylebodydiv id=list name=listul?lidiv class=boximg src=/images/wall1_s.jpg alt=图片1 //div/li?lidiv class=boximg src=/images/wall2_s.jpg alt=图片2 //div/li/ulul?lidiv class=boximg src=/images/wall3_s.jpg alt=图片3 //div/li?lidiv class=boximg src=/images/wall4_s.jpg alt=图片4 //div/li/ul/divscript language=javascript?var list = document.getElementById(list);?? var divs = list.getElementsByTagName(div);?var t;?? for (var i = 0; i divs.length; i++) {?????????? divs[i].onmouseover = function (e) {?? var tip = document.createElement(div);?? var img = this.getElementsByTagName(img);?? tip.innerHTML = img[0].getAttribute(alt);?? var event = event||window.event;?? tip.setAttribute(class, tip);?? tip.setAttribute(className, tip);?? tip.style.left = -100px;?? this.appendChild(tip);?? t = setInterval(function(){showtip(tip);},10);??????????? }?????????? divs[i].onmouseout = function (e) {?? clearInterval(t);?? var tip = this.lastChild;?? if (tip.tagName == DIV){ ??? this.removeChild(tip);?? ?? }?????????? }?}?function showtip(obj)?{? var left = gs(obj, left);? var value = left+10;? if (