跟随鼠标的几个星星，不是很夸张，还可以用用

最新推荐文章于 2022-12-20 11:16:54 发布

denal

最新推荐文章于 2022-12-20 11:16:54 发布

阅读量1.1k

点赞数

分类专栏： html 文章标签： div class function javascript scroll 脚本

本文链接：https://blog.csdn.net/denal/article/details/6016

版权

html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

脚本说明:
第一步：把如下代码加入<body>区域中
<STYLE TYPE="text/css">
<!--

BODY{
overflow:scroll;
overflow-x:hidden;
}

.s1
{
position : absolute;
font-size : 12pt;
color : blue;
visibility: hidden;
}

.s2
{
position : absolute;
font-size : 20pt;
color : red;
visibility : hidden;
}

.s3
{
position : absolute;
font-size : 16pt;
color : gold;
visibility : hidden;
}

.s4
{
position : absolute;
font-size : 14pt;
color : lime;
visibility : hidden;
}
-->
</STYLE>

第二步：把如下代码加入<body>区域中
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>

var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}

function fade(n)
{
if(n>0)
{
    if(nav)eval("document.div"+n+".visibility='hidden'");
    else eval("div"+n+".style.visibility='hidden'");
    n--;
    tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}

// -->
</script>

denal

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
跟随鼠标的几个星星，不是很夸张，还可以用用

脚本说明:第一步：把如下代码加入区域中BODY{overflow:scroll;overflow-x:hidden;}.s1{ position : absolute; font-size : 12pt; color : blue; visibility: hidden;}.s2{ position : absolute; font-size : 20pt;
复制链接

扫一扫