点击哪个哪个超链接的背景就变味红色,并且超链接不跳转
2011-09-17 23:29
239 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击哪个哪个超链接的背景就变味红色,并且超链接不跳转</title>
<script type="text/javascript">
function initEvent(){
var links = document.getElementsByTagName("a");//取得该元素
for(var i=0;i<links.length;i++){ //循环a元素
var link = links[i];
link.onclick = linkOnClick;//点击该元素则执行linkOnClick事件
}
}
function linkOnClick(){
var links = document.getElementsByTagName("a");
for(var i=0;i<links.length;i++){
var link = links[i];
if(link == this) //如果点击的为当前数组内的元素
link.style.background="red";//背景为红色
}else{
link.style.background="while";//否则为白色
}
}
window.event.returnValue=false; //不跳转至该链接
}
</script>
</head>
<body onload="initEvent()">
<a href="http://www.baidu.com"> 百度</a><br />
<a href="http://www.qq.com"> 腾讯 </a><br />
<a href="http://www.sina.com.cn"> 新浪</a><br />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击哪个哪个超链接的背景就变味红色,并且超链接不跳转</title>
<script type="text/javascript">
function initEvent(){
var links = document.getElementsByTagName("a");//取得该元素
for(var i=0;i<links.length;i++){ //循环a元素
var link = links[i];
link.onclick = linkOnClick;//点击该元素则执行linkOnClick事件
}
}
function linkOnClick(){
var links = document.getElementsByTagName("a");
for(var i=0;i<links.length;i++){
var link = links[i];
if(link == this) //如果点击的为当前数组内的元素
link.style.background="red";//背景为红色
}else{
link.style.background="while";//否则为白色
}
}
window.event.returnValue=false; //不跳转至该链接
}
</script>
</head>
<body onload="initEvent()">
<a href="http://www.baidu.com"> 百度</a><br />
<a href="http://www.qq.com"> 腾讯 </a><br />
<a href="http://www.sina.com.cn"> 新浪</a><br />
</body>
</html>
相关文章推荐
- js+css控制弹出小窗口之后,后整个页面背景图变色,并且不可操作,点击确定,页面跳转。。。
- js实现点击哪个li哪个li背景为红色
- 点击超链接,不跳转界面
- 谷歌浏览器中,点击超链接,页面自动回到顶端,并且不能滚动到下方
- 界面上有几个球队名字的列表,将鼠标放到球队名字上就变为红色背景,其他球队背景颜色为白色,点击一个球队的时候就将点击的球队变为fontSize=30字体(fontSize=‘’回到默认)。
- TextView部分字体颜色改变,并且点击进行跳转
- css3实现点击切换背景图片,并且背景图片实现动画效果
- 点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数
- 点击连接弹出窗口层,并且背景变暗…
- 自动轮播,网络获取图片并且点击跳转详细页面
- 设置View平移动画:显示时从下往上显示,消失时从上往下消失,并且背景变暗,不可点击
- android html超链接文本 点击跳转的两种实现
- 点击弹出窗口层,并且背景变暗渐变
- SpannableString对微博内容的处理(超链接、用户名、主题点击跳转)
- textview点击指定字符串跳转 textview超链接效果
- 点击超链接不跳转的方式
- 超简单实现TextView中某段文字超链接点击打开浏览器跳转到网页
- QT 自定义QLIstWidgetItem 点击发出信号,并且知道是哪个item
- 如何实现在一个界面上点击不同的位置,会有跳转到不同的Activity上(假设背景是一个图片)
- UITextView设置超链接,点击跳转到应用内的webView