经典的鼠标滑过效果
来源:互联网 发布:淘宝买bb枪会有事吗 编辑:程序博客网 时间:2024/05/22 12:02
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script> lastScrollX=0;
lastScrollY=0;
offerX=-5;
offerY=10;
td_X=0;
td_Y=0;
td=0;
mouseon=0;
url=null;
taget=null;
suspendcode="<DIV id=yuzi style='right:12px;POSITION:absolute;TOP:12px;' onclick='doClick()'>"
+"<table id=menu border='1' width='106' cellspacing='0' style='border-collapse: collapse' bordercolor='#008000'>"
+"<tr><td height='18' class='trans_msg' bgcolor='#80FF00'></td></tr></table></div>";
document.write(suspendcode);
lastScrollX=0;
lastScrollY=-4;
var current=null
function scrollback(){
diffX=td_X+8
diffY=td_Y-1
percentX=.08*(diffX-lastScrollX);
percentY=.08*(diffY-lastScrollY);
if(percentX>0)percentX=Math.ceil(percentX);
else percentX=Math.floor(percentX);
if(percentY>0)percentY=Math.ceil(percentY);
else percentY=Math.floor(percentY);
document.all.yuzi.style.pixelTop+=percentY;
document.all.yuzi.style.pixelLeft+=percentX;
lastScrollX=lastScrollX+percentX;
lastScrollY=lastScrollY+percentY;
}
function doOver() {
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
}
}
function doOut(){
if (mouseon==0) {
td_X=mt.rows[0].offsetLeft
td_Y=mt.rows[0].offsetTop
}
}
function doClick(){
if (taget=="_blank"
window.open(url)
location.href=url
}
window.setInterval("scrollback()",1);
window.setInterval("doOut()",1000);
</script>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<style>
.trans_msg {cursor:hand;filter:progidXImageTransform.Microsoft.Alpha( style=0,opacity=25) blendtrans(duration=.25);}
.b{color=#000066;cursor:hand}
.f{font-family:Arial;cursorefault;font-size:12px}
</style>
</head>
<body>
<div onmousemove="doOver()">
<table id=mt border="0" cellpadding="2" style="border-collapse: collapse;" bordercolor="#808080" class="f">
<tr><td class=b url="javascript:alert('大家好')" taget="">+Hello!<td url="#" taget="_blank">World!!
<tr><td class=b url="javascript:alert('我的邮箱:flash165@126.com')" taget="">+<b>联系我</b><td url="mailto:flash165@126.com" taget="_blank">flash165@126.com
<tr><td class=b url="http://www.7gz.cn" taget="_blank">+七歌站长站<td url="javascript:alert(navigator.appVersion)" taget="">你的浏览器版本
<tr><td class=b url="http://www.gziu.com" taget="_blank">+黑夜博客<td url="javascript:alert(navigator.appName)" taget="">你的浏览器名称
<tr><td class=b url="javascript:alert('谢谢支持')" taget="">+谢谢支持
<tr><td class=b url="#" taget="">+<b>修改:
</b>
<tr><td class=b url="#" taget="">+<b>黑夜 HeiYe </b>
</table>
</div>
</body>
- 经典的鼠标滑过效果
- 鼠标滑过效果
- 鼠标滑过变色效果
- 鼠标滑过遮罩高亮效果
- VC按钮的鼠标滑过效果的实现
- 鼠标滑过链接出现的对话框式提示效果
- 鼠标滑过链接出现的对话框式提示效果
- dom和class(演示鼠标滑过的效果)
- 鼠标滑过链接出现的对话框式提示效果
- JS实现鼠标滑过图片的抖动效果
- repeater 设置鼠标滑过,行变色的效果
- jQuery实现鼠标滑过延时显示的效果
- 超链接 与众不同的鼠标滑过超链接下划线动画效果
- C# 文本框鼠标移动滑过效果
- 鼠标滑过显示图片大图效果
- 鼠标滑过,效果,背景颜色
- 鼠标滑过图片悬停效果
- css 设置鼠标滑过变色效果
- firefox不支持innerText
- 图文结合
- ASCII码
- PHP中include()与require()的区别
- 图像三维重建有关的几个好的网站
- 经典的鼠标滑过效果
- 8路抢答器
- 四位方波频率计
- PHP文件目录操作问题 列出目录下的东西时 如何先列目录,再列文件 文件也按照名称或时间排序或者类型
- 五句话足以改变一生
- 制作虚线经典,水平线虚线
- 无题(原创小说)
- 用8255使6个数码管显示向左移的“8”
- 残奥会开幕式