<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
</head>
<body>
看看鼠标周围的效果，是不是五颜六色的星星。
<script language="javascript">
function Div_Layer(divleft,divtop,divfnx,divfny,mydiv,divbilder,divloop,divto,divcnt,divstep)
{
if ((document.layers)||(document.all)){
with (Math) {yynextx= eval(divfnx)} //设置为数值型数据
with (Math) {yynexty= eval(divfny)}
divcnt=(divloop && divcnt>=divstep*divbilder)?0:divcnt+divstep;
if (document.layers){
eval(mydiv+".top="+(yynexty+divtop)) //netscape下设置横坐标和纵坐标
eval(mydiv+".left="+(yynextx+divleft))
}
if (document.all){
eval("mydiv=mydiv.replace(/.layers/gi, '.all')");
eval(mydiv+".style.pixelTop="+(yynexty+divtop)); //设置div的横坐标
eval(mydiv+".style.pixelLeft="+(yynextx+divleft)); //设置div的纵坐标
}
argStr='Div_Layer('+divleft+','+divtop+',"'+divfnx+'","'+divfny+'","'+mydiv+'",'+divbilder+','+divloop+','+divto+','+divcnt+','+divstep+')';
if (divcnt<=divstep*divbilder){
eval(mydiv+".divto=setTimeout(argStr,divto)"); //设置定时器-实现星星的闪烁效果
}
}
}
function YY_Mousetrace(evnt) //设置鼠标移动的事件
{
if (yyns4) //Netscape浏览器的情况
{if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft); //横坐标位置
yy_mt=(event.clientY + document.body.scrollTop); //纵坐标位置
}
if (yy_tracescript)eval(yy_tracescript) //转换为数值型变量
}
</script>
<div id="tooltip2"
style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow">
<layer name="nstip" width="1000px" bgcolor="lightyellow"> </layer>
</div>
<div id="yyd0"
style="position:absolute; left:10px; top:50px; width:3px; height:3px; z-index:1; background-color: #19636c; layer-background-color: #19636c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="yyd1"
style="position:absolute; left:20px; top:50px; width:3px; height:3px; z-index:1; background-color: #708574; layer-background-color: #708574; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="yyd2"
style="position:absolute; left:30px; top:50px; width:3px; height:3px; z-index:1; background-color: #379bbf; layer-background-color: #379bbf; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="yyd3"
style="position:absolute; left:40px; top:50px; width:3px; height:3px; z-index:1; background-color: #25184c; layer-background-color: #25184c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="yyd4"
style="position:absolute; left:50px; top:50px; width:3px; height:3px; z-index:1; background-color: #31bd3c; layer-background-color: #31bd3c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="yyd5"
style="position:absolute; left:60px; top:50px; width:3px; height:3px; z-index:1; background-color: #c11efd; layer-background-color: #c11efd; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<script language="javascript">
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;//点的坐标
document.onmousemove = YY_Mousetrace; //绑定鼠标移动的事件
yy_tracescript = '';
Div_Layer(0,0,'yy_ml+cos((15*sin(divcnt/39.83007847812662))+0)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','yy_mt+sin((15*sin(divcnt/34.224861639800686))+0)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1);
Div_Layer(0,0,'yy_ml+cos((15*sin(divcnt/27.66510707209673))+30)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','yy_mt+sin((15*sin(divcnt/9.240632767417667))+30)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1);
Div_Layer(0,0,'yy_ml+cos((15*sin(divcnt/16.45318944579641))+60)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','yy_mt+sin((15*sin(divcnt/16.0564452288292))+60)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1);
Div_Layer(0,0,'yy_ml+cos((15*sin(divcnt/6.95348954836835))+90)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','yy_mt+sin((15*sin(divcnt/44.13697049887155))+90)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1);
Div_Layer(0,0,'yy_ml+cos((15*sin(divcnt/33.90077294583733))+120)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','yy_mt+sin((15*sin(divcnt/2.2378828869411587))+120)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1);
Div_Layer(0,0,'yy_ml+cos((15*sin(divcnt/37.858312521039835))+150)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','yy_mt+sin((15*sin(divcnt/18.083839795990098))+150)*150*(sin(10+divcnt/20)+0.2)*cos(divcnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1);
</script>
</body>
</html>
javascript 鼠标等效
需积分: 0 7 浏览量
2008-11-29
14:52:55
上传
评论 1
收藏 25KB RAR 举报
.rar （19个子文件） 
鼠标特效 
4.15 鼠标旁边的提示信息.htm 3KB 4.6 鼠标形状定义大全.htm 875B 4.12 跟随鼠标的旋转背景.htm 3KB 4.5 鼠标放到图片上会显示另外一张图片.htm 280B 4.9 跟随鼠标的彩色文字.htm 3KB 4.3 状态栏显示鼠标位置.htm 493B 4.4 点击鼠标右键到指定页.htm 404B
LOGO1.gif 5KB 4.13 图片跟随鼠标.htm 2KB 4.10 跟随鼠标的魔法文字.htm 3KB 4.2 使鼠标滚轮失效.htm 801B 4.17 checkbox鼠标移入移出的特效.htm 940B 4.16 鼠标移到下拉框时自动全部打开.htm 267B 4.7 鼠标移入移出时颜色变化.htm 243B 4.11 跟随鼠标的星星.htm 5KB LOGO2.gif 7KB 4.1 禁用鼠标右键.htm 366B 4.14 围绕鼠标的文本.htm 2KB 4.8 跟随鼠标的文字.htm 2KB
评论0