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

Posted 文字

篇首语:正因为生命有限,时光匆匆,所以才要加倍努力,不然以后拿什么来回忆。本文由小常识网(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

相关参考

知识大全 滚动文字新闻的制作

一句一句话地显示出来有点类似于跑马灯效果文字效果的突出点比较明显推荐使用制作方法将下面的代码复制到<body>~</body>里<scriptlanguage=JavaS

知识大全 动态提示的下拉框

  <METAcontent=fason阿信name=Author><title>动态提示的下拉框</title><style>acolor:red;t

知识大全 maya动画制作软件怎样移动视角

maya动画制作软件怎样移动视角 maya视图操作的快捷键 Alt+鼠标左键旋转视图 Alt+鼠标中键移动视图 Alt+鼠标右键缩放视图 Alt+Ctrl+鼠标右键框选放大对象 Alt+Ctrl+鼠标

知识大全 如何定制页面提示信息(tooltips)

  一个页面上往往有很多链接按钮如果没有任何提示信息会让人很迷茫虽然IE也带提示功能只要给title属性赋值如下代码<a#title=thisatest>自带的提示</a>这样

知识大全 教育培训机构比较好的短信内容。就是什么类似于宣传教育培训机构,发给家长的。

教育培训机构比较好的短信内容。就是什么类似于宣传教育培训机构,发给家长的。提醒类:**温馨提示您:学生考试之后最容易懈怠,但千万不可过度放松!**温馨提示您:学生考试刚过,过度劳累时免疫力会下降,所以

知识大全 我玩bbox的,想弄一个PC用的可以录音的软件,效果类似于KP3或者RC50那种的。有谁知道吗

我玩bbox的,想弄一个PC用的可以录音的软件,效果类似于KP3或者RC50那种的。有谁知道吗?  以下文字资料是由(本站网www.cha138.com)小编为大家搜集整

知识大全 右下角弹出类似QQ或MSN消息提示

右下角弹出类似QQ或MSN消息提示  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  <SCR

知识大全 类库DLL方法属性说明提示的制作方法

类库DLL方法属性说明提示的制作方法  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  类代码中: 

知识大全 橙光游戏制作工具手机版怎么下载?每次一点就弹出要下载应用宝什么的提示,但那些软件里都找不到。

橙光游戏制作工具手机版怎么下载?每次一点就弹出要下载应用宝什么的提示,但那些软件里都找不到。从应用宝上安装的游戏或者软件都是经过安全检测的,可以放心使用。在手机上下载一个应用宝软件。打开软件,从软件上

知识大全 jquery 弹表单提示效果代码

jquery弹表单提示效果代码这种效果其实也叫标题tips教程效果很多时候是在表单或者文本输入框有这样的提示了下面我们提供了下效果图<styletype=text/css教程>focusb