登录 | 注册

个人信息栏

跑车妹妹O(∧_∧)O
352164
.....
影币:4468
居住地:中国台湾
性别:女
星座: 双鱼座

快速通道

日志

鼠标后面添加跟随彩色文字
字体: 发布于:2008-6-18 13:12:06 | 分类: ✿跑跑BLOG小教程✿
8

最近刚新交的朋友"AKAYOSHI KEKO "

问到关于鼠标的代码

先回答AKAYOSHI KEKO的问题喽

原先我已经写过"BLOG鼠标应用及使用方法"

AKAYOSHI KEKO在教程里找找就有喽

我看过你给我的那文章

里面文章的代码这里是不可以使用的哦

我下面再给你一组新的代码

大家喜欢的话也可以使用

一.添加自定义模块

(详细的可以参照新手专用-自定义模块)

1.首先点击你首页的个性化首页

然后添加一个自定义模块

把“无边框”打上勾

另外要记得选"直接页面内容"

否则会添加不成功

然后在内容的地方添加代码

无标题

 

 

2.替换跟随的彩色文字代码:

<style type="text/css">
.spanstyle {
COLOR: #00cccc; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<script>
var x,y
var step=18
var flag=0
var message="要跟随的文字内容 "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-500
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-500
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function www_helpor_net() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("www_helpor_net()",30)
}
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
www_helpor_net();
// -->
</script>

二.代码介绍:(请特别注意下上面代码红色部分的修改)

1.COLOR: 此地方是修改文字的颜色

颜色代码我回头会发一个给大家参考下

或者可以使用发表日志的选项

在文字颜色的地方选取更多颜色后

右下方就为颜色代码

但是要特别注意"#"不要忘记了哦

2.FONT-FAMILY: 选取字体

可以使用黑体 宋体 隶书等等大家可以自己试下

3.FONT-SIZE: 为文字的大小

建议不要太大

4.var message="要跟随的文字内容 "

此地方自己修改成你想写的文字

但是特别注意最后空格的部分一定要加进去

否则最后一个会看不见

跑跑上面的代码已经测试过了

但是不建议大家把鼠标的式样和这个代码一起使用

另外跑跑因为页面的东西已经很多了

这里我自己就不使用给大家看了

大家可以去看看redice使用的效果哈哈

无标题

ps:redice你好象变成我的实验品了哈哈

先说声谢谢了

代码有问题再问跑跑吧

希望大家用的开心

 

引用地址:http://blog.mdbchina.com/chinhua/post_1322418/©
阅读(868) | 评论(6)
下一篇:凌晨23:55分

评论刷新

zaixing314 2008-06-18 14:15:55

轻轻地我走了,正如我轻轻地来。我挥一挥双手,留下个脚印踩。
zaixing314 2008-06-18 14:16:35

轻轻地我走了,正如我轻轻地来。我挥一挥双手,留下个脚印踩。
yearkiller (布袋里乌鸦) 2008-06-18 21:00:08

支持下............

○ 烟灰 啤酒味 猥琐的闲扯 夜色 吐了 ○
ccjbwj (3019) 2008-06-21 13:08:10
wyb3011105 (youyou) 2008-08-24 14:47:42

回去试试克,谢谢了

学而时习之,不亦说乎?有朋自远方来,不亦乐乎?人不知而不愠,不亦君子乎?
ymcayoyo 2008-09-12 21:46:46

小的借用了你這個教程到我日誌..

http://blog.mdbchina.com/ymcayoyo/



TOP