"+"

经典的鼠标滑过效果

系统 1540 0
经典的鼠标滑过效果
<script>
lastScrollX=0;
lastScrollY=0;
offerX=-5;
offerY=10;
td_X=0;
td_Y=0;
td=0;
mouseon=0;
url=null;
taget=null;
suspendcode="<DIVid=yuzistyle='right:12px;POSITION:absolute;TOP:12px;'onclick='doClick()'>"
+"<tableid=menuborder='1'width='106'cellspacing='0'style='border-collapse:collapse'bordercolor='#008000'>"
+"<tr><tdheight='18'class='trans_msg'bgcolor='#80FF00'></td></tr></table></div>";
document.write(suspendcode);
lastScrollX=0;
lastScrollY=-4;
varcurrent=null

functionscrollback(){
diffX=td_X+8
diffY=td_Y-1
percentX=.08*(diffX-lastScrollX);
percentY=.08*(diffY-lastScrollY);

if(percentX>0)percentX=Math.ceil(percentX);
elsepercentX=Math.floor(percentX);
if(percentY>0)percentY=Math.ceil(percentY);
elsepercentY=Math.floor(percentY);

document.all.yuzi.style.pixelTop+=percentY;
document.all.yuzi.style.pixelLeft+=percentX;
lastScrollX=lastScrollX+percentX;
lastScrollY=lastScrollY+percentY;
}

functiondoOver(){
mouseon=1
if(event.srcElement.tagName=="TD" {
url=event.srcElement.url
taget=event.srcElement.taget
if(url.match("javascript" ==null)window.status=url
td_X=event.srcElement.offsetLeft
td_Y=event.srcElement.offsetTop
menu.width=event.srcElement.scrollWidth+6
menu.height=event.srcElement.scrollHeight
}
}

functiondoOut(){
if(mouseon==0){
td_X=mt.rows[0].offsetLeft
td_Y=mt.rows[0].offsetTop
}
}

functiondoClick(){
if(taget=="_blank"
window.open(url)

location.href=url
}
window.setInterval("scrollback()",1);

window.setInterval("doOut()",1000);

</script>

<head>
<metahttp-equiv="Content-Language"content="zh-cn">
<style>
.trans_msg{cursor:hand;filter:progid XImageTransform.Microsoft.Alpha(style=0,opacity=25)blendtrans(duration=.25);}
.b{color=#000066;cursor:hand}
.f{font-family:Arial;cursor efault;font-size:12px}
</style>


</head>
<body>
<divonmousemove="doOver()">
<tableid=mtborder="0"cellpadding="2"style="border-collapse:collapse;"bordercolor="#808080"class="f">
<tr><tdclass=burl="javascript:alert('大家好')"taget="">+Hello!<tdurl="#"taget="_blank">World!!
<tr><tdclass=burl="javascript:alert('我的邮箱:flash165@126.com')"taget="">+<b>联系我</b><tdurl="mailto:flash165@126.com"taget="_blank">flash165@126.com
<tr><tdclass=burl="http://www.7gz.cn"taget="_blank">+七歌站长站<tdurl="javascript:alert(navigator.appVersion)"taget="">你的浏览器版本
<tr><tdclass=burl="http://www.gziu.com"taget="_blank">+黑夜博客<tdurl="javascript:alert(navigator.appName)"taget="">你的浏览器名称
<tr><tdclass=burl="javascript:alert('谢谢支持')"taget="">+谢谢支持
<tr><tdclass=burl="#"taget="">+<b>修改:
</b>
<tr><tdclass=burl="#"taget="">+<b>黑夜HeiYe</b>
</table>
</div>
</body>

经典的鼠标滑过效果


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论