博客学堂
首页>>博客代码>>新浪博客代码>> 新浪博客鼠标周围星星在动特效代码

新浪博客鼠标周围星星在动特效代码

来源:博客学堂  | 添加时间:2007-6-18 15:31:11 | 我要投稿 | 提问
刚刚讲过了新浪鼠标特效代码,有来新的特效代码,学无止境嘛,呵呵!做好准备,代码比较多!呵呵!
代码如下:
<script><script>
<!--
var speed;
var RunTime = 0;
var Xpos = 0;
var Ypos = 0;
var pulse=25;
var cnter=70;
var _y;
if (document.layers)
{
document.write('<LAYER NAME="a0" LEFT=10 TOP=10 BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER>'
+'<LAYER NAME="a1" LEFT=10 TOP=10 BGCOLOR="#FF8000" CLIP="0,0,2,2"></LAYER>'
+'<LAYER NAME="a2" LEFT=10 TOP=10 BGCOLOR="#FFFF00" CLIP="0,0,2,2"></LAYER>'
+'<LAYER NAME="a3" LEFT=10 TOP=10 BGCOLOR="#00FF00" CLIP="0,0,2,2"></LAYER>'
+'<LAYER NAME="a4" LEFT=10 TOP=10 BGCOLOR="#0000FF" CLIP="0,0,2,2"></LAYER>'
+'<LAYER NAME="a5" LEFT=10 TOP=10 BGCOLOR="#FF00FF" CLIP="0,0,2,2"></LAYER>'
+'<LAYER NAME="a6" LEFT=10 TOP=10 BGCOLOR="#FFFFFF" CLIP="0,0,2,2"></LAYER>');
window.captureEvents(Event.MOUSEMOVE);
function xMoveHandler(evnt){
 Xpos = evnt.pageX;
 Ypos = evnt.pageY;
 }
 window.onMouseMove = xMoveHandler;
}
else if (document.all)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">'
+'<div id="c" style="position:relative">'
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>'
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>'
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>'
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>'
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>'
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#8888ff;font-size:2px"></div>'
+'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>'
+'</div>'
+'</div>');
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
}
function sv3(){
if (RunTime<0.0550)
speed=0.001;
if (document.layers)
{
for (i=0;i<7;i++)
 {
var ntscp="a"+i
document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150);
document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150);
 }
}
else if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150);
ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150);
 }
}
RunTime+=speed;
stp=setTimeout('sv3()',10);
if (RunTime>0.0540)
{
speed+=0.002;
if (document.layers)
{
for (i=0;i<7;i++)
 {
var ntscp="a"+i
document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)
document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)
 }
}
else if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)
ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)
 }
}
}
if (speed > 0.5)
{
speed=0.5;
cnter-=8;
}
if (document.layers)
_y=-window.innerHeight;
else if (document.all)
_y=-document.body.clientHeight;
if (cnter <= _y)
{
RunTime=0;
speed=0.001;
cnter=70;
}
}
sv3();
//-->
</script>
<注>添加代码的时候新浪系统会自动删除一个<script>所以每次添加或修改的时候开头必须要有两个<script> 认真添加。
添加方法:
1   登陆新浪博客-管理博客-自定义设置-首页内容维护-自定义空白面板-编辑-把代码粘贴到以前建立的面板里面-保存返回首页看效果
<问题>如果没有效果,很大可能是和你的特效代码冲突,建议你添加之前删除你以前的鼠标特效,避免冲突!
2    如果你想把以上代码添加到新建面板里面,方法如下:
  登陆新浪博客-管理博客-自定义设置-首页内容维护-自定义空白面板-进入编辑-新建面板-给新建面板命名-勾选显示源代码-粘贴以上代码-再次勾选显示源代码-保存返回首页
  返回首页后-添加模块-选取你刚才新建的模块-返回首页预览效果-满意点击保存设置。
收藏和分享:
打印】【返回顶部】【关闭

我来说两句

用户名: 新注册) 密码: 匿名评论 [所有评论]
评论内容:不能超过250字,请留下您的联系方式,方便我们回复您的留言。

网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有