如何定制页面提示信息

您现在的位置：万象互联帮助中心>> 最新资讯>>详细内容

<<返回上一页

如何定制页面提示信息: 大中小文章来源：万象互联更新时间：2012-6-14

分享到：

 一个页面上往往有很多链接、按钮，如果没有任何提示信息，会让人很迷茫。虽然IE也带提示功能，只要给title属性赋值，如下代码 <a href="#" title="this a test">自带的提示</a>这样的提示很单调，鼠标移上去的时候显示出来，当鼠标在上面移动的时候，提示信息不会跟随，对比下面自定义的提示信息，差别就很明显，所以自定义的提示信息是很有必要的。 把鼠标放到链接上看提示信息如何定制提示信息，说起来很简单，先画出提示信息层，然后定位到目标对象。下面把实现分三部来说明： 1）绘制信息层 有两种方式，一种是静态，把层的html代码写在文档中，另外一种是动态，运用javascript脚本动态的创建层。静态方式简单，不灵活，动态的灵活，但比较困难，需要熟悉脚本和Dom结构，下面的代码是动态方式创建提示层 function createDivTooltip（） { var divTips = document.createElement（'div'）；//create div element divTips.id='tooltip'； divTips.style.display='none'//invisible document.body.appendChild（divTips）； } 2）定位信息层 function locate（e） { e=e||window.event； var divTips = document.getElementById（'tooltip'）； var mousePos=getMousePosition（e）；//get the coordinate of the mouse divTips.style.top=mousePos.top-12+"px"； divTips.style.left=mousePos.left-8+"px"； } 

分享到：复制地址新浪微博腾讯微博 QQ空间开心网人人网百度空间百度贴吧网易微博搜狐微博

上一篇：浏览器中的内存泄露

下一篇：看SEO产业有多大

广告联盟中的CPA、CPS、CPC、CPM分别是什么意思