鼠标点击字体换颜色在div+css中怎么实现
5个回答
展开全部
首先要看LZ会不会写CSS。如果会的话,鼠标悬停在CSS中写为HOVER,鼠标触发在CSS中写为ACTIVE。
所以如下所写:
a {
color:red;}
a:hover {
color:black;}
a:active {
color:blue;}
在这其中,a 后面的color:red;=链接文字为红色,a:hover 的 color:black;=鼠标移动到链接文字上后为黑色, a:active 的 color:blue;= 鼠标点击链接文字后为蓝色。希望可以帮到你。
所以如下所写:
a {
color:red;}
a:hover {
color:black;}
a:active {
color:blue;}
在这其中,a 后面的color:red;=链接文字为红色,a:hover 的 color:black;=鼠标移动到链接文字上后为黑色, a:active 的 color:blue;= 鼠标点击链接文字后为蓝色。希望可以帮到你。
2015-06-26
展开全部
首先要看LZ会不会写CSS。如果会的话,鼠标悬停在CSS中写为HOVER,鼠标触发在CSS中写为ACTIVE。
所以如下所写:
a {
color:red;}
a:hover {
color:black;}
a:active {
color:blue;}
在这其中,a 后面的color:red;=链接文字为红色,a:hover 的 color:black;=鼠标移动到链接文字上后为黑色, a:active 的 color:blue;= 鼠标点击链接文字后为蓝色。
所以如下所写:
a {
color:red;}
a:hover {
color:black;}
a:active {
color:blue;}
在这其中,a 后面的color:red;=链接文字为红色,a:hover 的 color:black;=鼠标移动到链接文字上后为黑色, a:active 的 color:blue;= 鼠标点击链接文字后为蓝色。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head>
<style>
#txt{cursor:hand;}
</style>
<script type="text/javascript">
var txtColor_arr=new Array("#f00","#0f0","#00f","#000");
function Change_txtColor(txt){
var str;
txt.style.color=txtColor_arr[0];
str=txtColor_arr.shift();
txtColor_arr.push(str);
}
</script>
</head>
<body>
<div id="txt" onclick=Change_txtColor(this)>test</div>
</body>
</html>
<head>
<style>
#txt{cursor:hand;}
</style>
<script type="text/javascript">
var txtColor_arr=new Array("#f00","#0f0","#00f","#000");
function Change_txtColor(txt){
var str;
txt.style.color=txtColor_arr[0];
str=txtColor_arr.shift();
txtColor_arr.push(str);
}
</script>
</head>
<body>
<div id="txt" onclick=Change_txtColor(this)>test</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<style>
a{color:#0015ac;}
a:hover{color:#aa4400;}
a:active{color:#0055ff;}
</style>
只要在<head>和</head>之间加上这段代码就好了,你试一下就知道了
a{color:#0015ac;}
a:hover{color:#aa4400;}
a:active{color:#0055ff;}
</style>
只要在<head>和</head>之间加上这段代码就好了,你试一下就知道了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
a{
text-decoration:none;
color:#000000;
}
a:hover{
text-decoration:none;
color:#FF0000;
}
text-decoration:none;
color:#000000;
}
a:hover{
text-decoration:none;
color:#FF0000;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询