2顶

title及alt提示个性化特效

稿源：互联网 2022-05-23 08:38:18 点击： 1611 撤稿纠错

提示特效，鼠标移动过去显示提示内容，作者还有个问题没解决，如何控制悬停时间，您想到办法了吗？

以下讨论的是和js 提示特效相关的title及alt提示个性化特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html> <head> <title>title及alt提示特效</title> <style type="text/css"> body{font-size:12px;color:#000000} td{font-size:12px;color:#000000} a:link{font-size:12px;color:#000000} </style> <script language="javascript"> var pltsPop=null; var pltsoffsetX = 12; // 弹出窗口位于鼠标左侧或者右侧的距离；3-12 合适 var pltsoffsetY = 15; // 弹出窗口位于鼠标下方的距离；3-12 合适 var pltsTitle=""; document.write('<div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div>'); function pltsinits() { document.onmouseover = plts; document.onmousemove = moveToMouseLoc; } function plts() { var o=event.srcElement; if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; pltsPop=o.dypop; if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined") { pltsTipLayer.style.left=-1000; pltsTipLayer.style.display=''; var Msg=pltsPop.replace(/n/g," "); Msg=Msg.replace(/�x13/g," "); var re=/{(.[^{]*)}/ig; if(!re.test(Msg))pltsTitle="『水木设计联盟』"; else{ re=/{(.[^{]*)}(.*)/ig; pltsTitle=Msg.replace(re,"$1")+" "; re=/{(.[^{]*)}/ig; Msg=Msg.replace(re,""); Msg=Msg.replace(" ","");} var content = '<table style="FILTER:alpha(opacity=90);border: 1px solid #cccccc" id="toolTipTalbe" cellspacing="1" cellpadding="0"><tr><td width="100%"><table bgcolor="#ffffff" cellspacing="0" cellpadding="0">'+ '<tr id="pltsPoptop"><td height="20" bgcolor="#0094bb">↖'+pltsTitle+''+pltsTitle+'↗</td></tr>'+ '<tr><td "+attr+" style="padding-left:10px;padding-right:10px;padding-top: 8px;padding-bottom:6px;line-height:140%">'+Msg+'</td></tr>'+ '<tr id="pltsPopbot" style="display:none"><td height="20" bgcolor="#0094bb">↙'+pltsTitle+''+pltsTitle+'↘</td></tr>'+ '</table></td></tr></table>'; pltsTipLayer.innerHTML=content; toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2); moveToMouseLoc(); return true; } else { pltsTipLayer.innerHTML=''; pltsTipLayer.style.display='none'; return true; } } function moveToMouseLoc() { if(pltsTipLayer.innerHTML=='')return true; var MouseX=event.x; var MouseY=event.y; var popHeight=pltsTipLayer.clientHeight; var popWidth=pltsTipLayer.clientWidth; if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight) { popTopAdjust=-popHeight-pltsoffsetY*1.5; pltsPoptop.style.display="none"; pltsPopbot.style.display=""; } else { popTopAdjust=0; pltsPoptop.style.display=""; pltsPopbot.style.display="none"; } if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth) { popLeftAdjust=-popWidth-pltsoffsetX*2; topleft.style.display="none"; botleft.style.display="none"; topright.style.display=""; botright.style.display=""; } else { popLeftAdjust=0; topleft.style.display=""; botleft.style.display=""; topright.style.display="none"; botright.style.display="none"; } pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust; pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust; return true; } pltsinits(); </script> </head> <body> 2、链接提示效果：<a href="asdas.htm" title="title及alt提示特效,本程序由水木设计联盟整理推荐，希望大家喜欢">一个很酷的鼠标悬停特效，但有问题指教，我想知道怎么控制悬停时间</a> </body> </html> <a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于title及alt提示个性化特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200805142878.shtml方便下次再访问哦。

·上一篇： 如何让li中内容显示超过长度后以省略号显示
·下一篇： 鼠标拖拽文字特效

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

title及alt提示个性化特效

文章分类LIST >>返回首页

最新游戏

最新新闻