知识大全制作类似于Title、ALT的提示效果

Posted 2022-07-20 文字

篇首语：正因为生命有限，时光匆匆，所以才要加倍努力，不然以后拿什么来回忆。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全制作类似于Title、ALT的提示效果相关的知识，希望对你有一定的参考价值。

制作类似于Title、ALT的提示效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

在网页中有时我们将鼠标移到图片上或者文字链接处会出现文字型的提示信息一般制作这样的效果极为简单只需在图片代码中加入<Alt= 文字提示信息 >或者在文字链接代码中加入<Title= 文字提示信息 > 仔细观察一下感觉出现的信息总有时间上的停顿如何制作类似于网页教学网首页文字超链接的提示信息的效果呢？制作方法一加入JS代码在页面的<head></head>中加入JS代码 <script language= javascript >var tipTimer;function locateObject(n d) //v var p i x; if(!d) d=document; if((p=n indexOf( ? ))> &&parent frames length) d=parent frames[n substring(p+ )] document; n=n substring( p);if(!(x=d[n])&&d all) x=d all[n]; for (i= ;!x&&i<d forms length;i++) x=d forms[i][n];for(i= ;!x&&d layers&&i<d layers length;i++) x=locateObject(n d layers[i] document); return x;function hideTooltip(object)if (document all)locateObject(object) style visibility= hidden locateObject(object) style left = ;locateObject(object) style top = ;return falseelse if (document layers)locateObject(object) visibility= hide locateObject(object) left = ;locateObject(object) top = ;return falseelsereturn truefunction showTooltip(object e tipContent backcolor bordercolor textcolor displaytime)window clearTimeout(tipTimer)if (document all)locateObject(object) style top=document body scrollTop+event clientY+ locateObject(object) innerHTML= <table width= border= cellspacing= cellpadding= ><tr><td nowrap><font > +unescape(tipContent)+ </font></td></tr></table> if ((e x + locateObject(object) clientWidth) > (document body clientWidth + document body scrollLeft)) locateObject(object) style left = (document body clientWidth + document body scrollLeft) locateObject(object) clientWidth ;elselocateObject(object) style left=document body scrollLeft+event clientXlocateObject(object) style visibility= visible tipTimer=window setTimeout( hideTooltip( +object+ ) displaytime);return true;else if (document layers)locateObject(object) document write( <table width= border= cellspacing= cellpadding= ><tr bgcolor= +bordercolor+ ><td><table width= border= cellspacing= cellpadding= ><tr bgcolor= +backcolor+ ><td nowrap><font > +unescape(tipContent)+ </font></td></tr></table></td></tr></table> )locateObject(object) document close()locateObject(object) top=e y+ if ((e x + locateObject(object) clip width) > (window pageXOffset + window innerWidth))locateObject(object) left = window innerWidth locateObject(object) clip width ;elselocateObject(object) left=e x;locateObject(object) visibility= show tipTimer=window setTimeout( hideTooltip( +object+ ) displaytime);return true;elsereturn true;</script>注意红色字体部分可以对出现的提示信息进行字体的格式化与提示框的控制不包括对文字颜色的修改在<body></body>中插入代码 <div id= dHTMLToolTip ></div> 在文字超链接处加入代码 onMouseOver= showTooltip( dHTMLToolTip event 文字提示信息部分 #fffff # # ) onMouseOut= hideTooltip( dHTMLToolTip ) 红色字体部分为你需加注的提示信息内容注意加粗部分 #fffff 为弹出信息框的背景色 # 为弹出信息框的边框颜色 # 为提示信息的文字颜色为控制的显示时间制作方法二使用dHTML Tooltip插件如果感觉使用代码繁烦的话可以借助DW中的dHTML Tooltip插件制作就更为方便快捷了下载后使用插件管理器安装然后选择对象在行为窗口选择Tooltip就可以制作出效果我们这里就不进行详细的介绍了使用过程中有什么疑问可在我们留言本进行咨询！ cha138/Article/program/Java/JSP/201311/19516

知识大全 制作类似于Title、ALT的提示效果

知识大全制作类似于Title、ALT的提示效果