mouseover时显示滚动字幕特效 | 学步园

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

mouseover时显示滚动字幕特效

2012年05月19日 ⁄ 综合 ⁄ 共 1095字 ⁄ 字号小中大 ⁄ 评论关闭

<script language="JavaScript"> 
if (!document.layers&&!document.all) 
event="test" 
function showtip2(current,e,text){ 
if (document.all&&document.readyState=="complete"){ 
document.all.tooltip2.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>' 
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10 
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 
document.all.tooltip2.style.visibility="visible" 
} 
else if (document.layers){ 
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>') 
document.tooltip2.document.nstip.document.close() 
document.tooltip2.document.nstip.left=0 
currentscroll=setInterval("scrolltip()",100) 
document.tooltip2.left=e.pageX+10 
document.tooltip2.top=e.pageY+10 
document.tooltip2.visibility="show" 
} 
} 
function hidetip2(){ 
if (document.all) 
document.all.tooltip2.style.visibility="hidden" 
else if (document.layers){ 
clearInterval(currentscroll) 
document.tooltip2.visibility="hidden" 
} 
} 
function scrolltip(){ 
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) 
document.tooltip2.document.nstip.left-=5 
else 
document.tooltip2.document.nstip.left=150 
} 
</script>
<div id="tooltip2" style="background-color: white; clip: rect(0px 150px 50px 0px); height: 1px; left: 2px; position: absolute; top: 0px; visibility: visible; width: 100px; z-index: 2"><layer name="nstip" width="500px" bgcolor="white"></layer></div>
<p><a href="http://laofuzi.3322.net/" onmouseout="hidetip2()" onmouseover="showtip2(this,event,'如果你想了解更多、学到更多，请到夫子在线来吧')" target="_blank">夫子在线</a><br />

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

返回

【上篇】[jQuery]事件系列
【下篇】F#探险之旅（六）：F#代码的组织（转）

作者: stature

该日志由 stature 于12年前发表在综合分类下，最后更新于 2012年05月19日.
转载请注明: mouseover时显示滚动字幕特效 | 学步园 +复制链接

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园保留所有权利.
软文销售 QQ客服：2265327166

点击这里给我发消息

（其他合作也可洽谈）