求鼠标后面跟随彩色文字的代码??
鼠标经过链接字体及链接下划线的样式代码(多中变化样式)
用CSS自定义博客链接字体及链接下划线的样式代码
A { text-decoration: NONE; color:#51bfe0}
A:hover {font-weight: bold;color:#990099}
鼠标放在链接字体上的时候,链接字体变粗,颜色改变。 其中color:#990099表示链接字体改变的颜色,可以根据个人爱好修改,其他的不需要改。
--------------------------------------------------------------------------------
a{text...全部
鼠标经过链接字体及链接下划线的样式代码(多中变化样式)
用CSS自定义博客链接字体及链接下划线的样式代码
A { text-decoration: NONE; color:#51bfe0}
A:hover {font-weight: bold;color:#990099}
鼠标放在链接字体上的时候,链接字体变粗,颜色改变。
其中color:#990099表示链接字体改变的颜色,可以根据个人爱好修改,其他的不需要改。
--------------------------------------------------------------------------------
a{text-decoration:none; color:#51bfe0}
A:hover{font-size:23; background:#ffd306; color:#990099}
鼠标鼠标放在链接字体上的时候,链接字体大小改变,颜色改变,有背景颜色。
font-size:23表示字体大小;background:#ffd306表示背景颜色color:#990099表示字体颜色,可以根据个人爱好修改,其他的不需要改。
--------------------------------------------------------------------------------
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
去掉链接字体的下划线。
--------------------------------------------------------------------------------
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
鼠标放在链接字体上的时候,链接字体加虚线。
--------------------------------------------------------------------------------
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:10px; top:10px; }
鼠标放在链接字体上的时候,链接字体会移动,其left:10px表示字体向上移动的距离,top:10px表示字体向上移动的距离,可以根据个人爱好修改具体数值,其他的不需要改。
--------------------------------------------------------------------------------
a { text-decoration: none; padding-bottom: 4px; white-space: nowrap; }
a:hover { background: url(背景图片地址) repeat-x 100% 100%; }
鼠标放上在链接字体上的时候,链接字体出现图片背景。
--------------------------------------------------------------------------------
a{ text-decoration: none; white-space: nowrap; padding-bottom: 10px; }
a:hover { background: url(' repeat-x 100% 100%; }
鼠标放在链接字体上的时候,出现花朵下划线的效果。
--------------------------------------------------------------------------------
a { text-decoration: none; white-space: nowrap; padding-bottom: 5px; }
a:hover { background: url(' repeat-x 100% 100%; }
鼠标放在链接字体上的时候,出现滚动箭头下划线的效果。
--------------------------------------------------------------------------------
注意:这些代码用的时候添加空白面板就行了。
但这些都是CSS代码,不能放在新增的空白面板里,须放到已有内容的面板中。
鼠标后面跟随着文字效果的代码
代码如下:
。spanstyle {
COLOR: #00cccc; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
var x,y
var step=18
var flag=0
var message="你想添加的文字"
message=message。
split("")
var xpos=new Array()
for (i=0;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=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i")
document。
write(message[i])
document。write("")
}
if ( yers){
ptureEvents(Event。MOUSEMOVE);
}
document。onmousemove = handlerMM;
www_helpor_net();
// -->
代码说明:
FONT-FAMILY: 宋体 这个是飘动文字的字体,你可以自己选择。
COLOR: #00cccc 飘动的文字颜色,你可以参考颜色代码表来修改颜色。
var message="你想添加的文字" 在这里修改成你自己的文字!
。spanstyle{COLOR: #0066ff; FONT-FAMILY: 宋体;FONT-SIZE:9pt;FONT-WEIGHT:normal;POSITION:absolute;TOP:-50px;VISIBILITY:visible}
var message="此处写你鼠标后想要的字";var x,y;var step=12;var flag=0;message=message。
split("");var xpos=new Array();for (i=0;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=1; i--){xpos[i]=xpos[i-1]+step;ypos[i]=ypos[i-1];};xpos[0]=x+step;ypos[0]=y;for(i=0; i
for(i=0;i");document。
write(message[i]);document。write("");};if( yers){ ptureEvents(Event。MOUSEMOVE);};document。onmousemove = handlerMM;
function pageonload(){makesnake(); tTimeout("pageonload();", 2);}
pageonload()
注:这段代码要添加在已经有内容的面板里,注意添加代码的时候新浪系统会自动删掉一个所以每次添加或修改的时候必须要有两个
代码的编辑方式不要我教了吧
代码如下:
。
spanstyle {
COLOR: #00cccc; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
var x,y
var step=18
var flag=0
var message="你想添加的文字"
message=message。
split("")
var xpos=new Array()
for (i=0;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=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i")
document。
write(message[i])
document。write("")
}
if ( yers){
ptureEvents(Event。MOUSEMOVE);
}
document。onmousemove = handlerMM;
www_helpor_net();
// -->
代码说明:
FONT-FAMILY: 宋体 这个是飘动文字的字体,你可以自己选择。
COLOR: #00cccc 飘动的文字颜色,你可以参考 来修改颜色。
var message="你想添加的文字" 在这里修改成你自己的文字!
添加方法:
首先复制代码→点击你博客的 控制面板→首页内容维护→自定义空白面板 >> 点击进入编辑界面 →点击 →打开新窗口后 点击 显示源代码 → 把你复制的代码粘贴 → 点 → 然后回到你的控制面板 点击定制我的首页 → 在新打开的网页中 点击 添加模块 → 在新打开的窗口 把你新建立的这个模块名字前打上对号,然后在最下面点击 →最后点击 保存设置 一切就OK了
。收起