最近给团委做一个网站的时候出现了一个问题:网页上有一个图片滚动显示的板块,当图片滚动的时候,链接的提示也就是:<a title="sdf" >sdf</a>中,title属性不显示。由于是新闻网站,要求必须显示。没办法,只能显示的时候让图片不滚动,当然也可以自己去做一个和提示一模一样的层。不过为了偷个懒。我让鼠标放在链接上的时候,图片停止滚动。具体做法如下:
<script language="javascript">
var linkTag = document.getElementsByTagName("a");//获取页面上的a标记
var loop;
for (loop=0; loop<linkTag.length; loop++)
{
if(linkTag[loop].title!=""){//如果链接要显示title属性
linkTag[loop].οnmοuseοver=function() {//鼠标放在链接上的时候让图片停止滚动,图片滚动的例子见网站:http://gqtzx.nefu.edu.cn
clearInterval(MyMar);
}
linkTag[loop].οnmοuseοut=function() {//鼠标敲开,图片重新滚动
MyMar=setInterval(Marquee,speed3)}
}
}
</script>
这里要说的是事件的绑定,网上很多人用obj.attachEvent("eventName", functionName, useCapture);而我这用的是 linkTag[loop].οnmοuseοut=function() {},个人认为 这种比较方便