javascript点击链接文字更换文字颜色
比如我写了<ahref="">链接</a>怎么写javascript使点击"链接"时更换颜色我做了一个导航,有5个链接,然后用让他们在onclick,onmouseove...
比如我写了<a href="">链接</a>
怎么写javascript使点击"链接"时更换颜色
我做了一个导航,有5个链接,然后用让他们在onclick,onmouseover,onmouseout三个事件发生时都可以变色.但是在鼠标点击链接再移开鼠标就显示的是onmouseout的颜色了,我希望他还显示onclick的,就在onclick后面加上了this.onmouseover=this.onmouseout=null;可是当点击一个链接后,null的这个行为好像被记录了下来,点击过的链接以后后不执行onmouseover和onmouseout了,求解. 展开
怎么写javascript使点击"链接"时更换颜色
我做了一个导航,有5个链接,然后用让他们在onclick,onmouseover,onmouseout三个事件发生时都可以变色.但是在鼠标点击链接再移开鼠标就显示的是onmouseout的颜色了,我希望他还显示onclick的,就在onclick后面加上了this.onmouseover=this.onmouseout=null;可是当点击一个链接后,null的这个行为好像被记录了下来,点击过的链接以后后不执行onmouseover和onmouseout了,求解. 展开
4个回答
展开全部
楼上写的是jqueryj里面的实现方法。
如果你想直接用javascript写的话可以这样
<a href="" id="test" onclick="myclick();">链接</a>
<javascript>
function myclick(){
var myclick = document.getElementById("test");
myclick.style.background = "red";
//或者事件你可以动态绑定bind
}
</javascript>
如果你想直接用javascript写的话可以这样
<a href="" id="test" onclick="myclick();">链接</a>
<javascript>
function myclick(){
var myclick = document.getElementById("test");
myclick.style.background = "red";
//或者事件你可以动态绑定bind
}
</javascript>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("a").hover(function(){
$(this).addClass("hover")
,
$(this).removeClss("hover")
});
hover 是CSS文件里写好的样式,这个超链接坐在的jsp页面必须引入这个CSS页面.
$(this).addClass("hover")
,
$(this).removeClss("hover")
});
hover 是CSS文件里写好的样式,这个超链接坐在的jsp页面必须引入这个CSS页面.
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeColor(who){
who.style.color=randomColor();
}
function randomColor(){
var color="#";
for(var i = 0 ; i < 6 ; i++){
var temp = parseInt(Math.random()*15)+1;
switch(temp){
case 10:
color+='A';break;
case 11:
color+='B';break;
case 12:
color+='C';break;
case 13:
color+='D';break;
case 14:
color+='E';break;
case 15:
color+='F';break;
default:
color+=temp;
}
}
return color;
}
//-->
</SCRIPT>
<BODY>
<a href="#" style="color:blue" id="xx" onclick="javascript:changeColor(this)">点我变颜色</a>
</BODY>
</HTML>
其中randomColor()是小时候写的函数，曾经想重写下控制颜色范围，但米有精力，这是不是你想要的结果呢？有时间想办法控制下red、green、blue的比例
补充：一楼的用的是JQuery框架，二楼的会和这个控件绑定，其他控件没办法使用，三楼的比较好O(∩_∩)O
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeColor(who){
who.style.color=randomColor();
}
function randomColor(){
var color="#";
for(var i = 0 ; i < 6 ; i++){
var temp = parseInt(Math.random()*15)+1;
switch(temp){
case 10:
color+='A';break;
case 11:
color+='B';break;
case 12:
color+='C';break;
case 13:
color+='D';break;
case 14:
color+='E';break;
case 15:
color+='F';break;
default:
color+=temp;
}
}
return color;
}
//-->
</SCRIPT>
<BODY>
<a href="#" style="color:blue" id="xx" onclick="javascript:changeColor(this)">点我变颜色</a>
</BODY>
</HTML>
其中randomColor()是小时候写的函数，曾经想重写下控制颜色范围，但米有精力，这是不是你想要的结果呢？有时间想办法控制下red、green、blue的比例
补充：一楼的用的是JQuery框架，二楼的会和这个控件绑定，其他控件没办法使用，三楼的比较好O(∩_∩)O
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function changecl(){
var cl = document.getElementById
("uname").value;
document.getElementById
("bgc").style.color = cl;
}
</script>
<body>
<b id="bgc" style="color:red">asd</b>
<input type="text" id="uname" value=""/>
<input type="button" value="确定" onclick="changecl()"/>
</body>
//楼主这个答案你先看着 应该对你有用的
function changecl(){
var cl = document.getElementById
("uname").value;
document.getElementById
("bgc").style.color = cl;
}
</script>
<body>
<b id="bgc" style="color:red">asd</b>
<input type="text" id="uname" value=""/>
<input type="button" value="确定" onclick="changecl()"/>
</body>
//楼主这个答案你先看着 应该对你有用的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
