网页设计中,当鼠标移过字体颜色会发生变化的效果怎么做啊

网页设计中,当鼠标移过字体颜色会发生变化的效果怎么做啊,第1张

直接在CSS文件中添加一个定义链接就是了,在需要的地方调用,比如:
/网站链接总的CSS定义:可定义内容为链接字体颜色、样式等/
a{text-decoration: underline;} /链接无下划线none,有为underline/
a:link {color: #00007f;} /未访问的链接 /
a:visited {color: #65038e;} /已访问的链接/
a:hover{color: #ff0000;} /鼠标在链接上 /
a:active {color: #ff0000;} /点击激活链接/

分类: 电脑/网络 >> 软件 >> 多媒体软件
问题描述:

有追加分20!!!快啊很急啊

解析:

这个网站有介绍,自己看嘛,是专门的网页特效!
helpor/

下面是鼠标代码,把它复制到网站上就OK

<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=messagesplit("")

var xpos=new Array()

for (i=0;i<=messagelength-1;i++) {

xpos[i]=-50

}

var ypos=new Array()

for (i=0;i<=messagelength-1;i++) {

ypos[i]=-200

}

function handlerMM(e){

x = (documentyers) epageX : documentbodyscrollLeft+eventclientX

y = (documentyers) epageY : documentbodyscrollTop+eventclientY

flag=1

}

function _helpor_() {

if (flag==1 && documentall) {

for (i=messagelength-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<messagelength-1; i++) {

var thisspan = eval("span"+(i)+"style")

thisspanposLeft=xpos[i]

thisspanposTop=ypos[i]

}

}

else if (flag==1 && documentyers) {

for (i=messagelength-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<messagelength-1; i++) {

var thisspan = eval("documentspan"+i)

thisspanleft=xpos[i]

thisspantop=ypos[i]

}

}

var timer=setTimeout("_helpor_()",30)

}

for (i=0;i<=messagelength-1;i++) {

documentwrite("<span id='span"+i+"' class='spanstyle'>")

documentwrite(message[i])

documentwrite("</span>")

}

if (documentyers){

documentcaptureEvents(EventMOUSEMOVE);

}

documentonmousemove = handlerMM;

_helpor_();

-->

</script>

<html>
<head>
<style>
aji{color: blue; }
ajl:hover{color: red}
aun{text-decoration : none }
aun:hover{text-decoration: underline;}
acom{color="white"}
acom:hover{color:black;}
</style>
</head>
<body>
<a href="" class="jl">个人简历</a><br><br><br><br>
<a href="" class="com">公司简介</a><br><br><br><br>
<a href="" class="un">我有下划线哦</a><br>
</body>
</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/10288205.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-07
下一篇 2023-05-07

发表评论

登录后才能评论

评论列表(0条)

保存