哈哈,讲了有好几种鼠标的特效方法了,不知道你实践了多少哦

。
鼠标周围有闪烁的小星星你试过了嘛,我看到了好多漂亮的星星哦

代码如下:
<script><script>
<!-- Begin
if (document.all) {
yourLogo =
"欢迎光临博客学堂"; //Not less than 2 letters!
logoFont = "Arial";
logoColor = "ff0000";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.09;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
// End -->
</script>
<注>添加代码的时候新浪系统会自动删除一个
<script>所以每次添加或修改的时候开头必须要有两个
<script> 上面的红色部分可以替换成你的欢迎词。认真添加啊。
添加方法:
1 登陆新浪博客-管理博客-自定义设置-首页内容维护-自定义空白面板-编辑-把代码粘贴到以前建立的面板里面-保存返回首页看效果
<问题>如果没有效果,很大可能是和你的特效代码冲突,建议你添加之前删除你以前的鼠标特效,避免冲突!
2 如果你想把以上代码添加到新建面板里面,方法如下:
登陆新浪博客-管理博客-自定义设置-首页内容维护-自定义空白面板-进入编辑-新建面板-给新建面板命名-勾选显示源代码-粘贴以上代码-再次勾选显示源代码-保存返回首页
返回首页后-添加模块-选取你刚才新建的模块-返回首页预览效果-满意点击保存设置。
收藏和分享: