js特效代码-onmouseover/onclick 改变标签(背景)颜色
2024-09-06 04:16:20
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function hc(ev) {
var list = document.getElementsByTagName("li");
for(i=0; i<list.length; i++){
list[i].className = "";
}
ev = ev || window.event;
var tmp = ev.target || ev.srcElement;
tmp = (tmp.tagName == "LI")?tmp:tmp.parentNode;
tmp.className = "linow";
}
</script>
<style type="text/css">
* {font:12px/150% "宋体";}
.LeftM li { list-style:none; width:180px; height:20px; background-color:#CCc; border-bottom:#fff solid 2px;}
.LeftM a { color:#f01;}
.LeftM a:hover { position:relative; left:1px; top:1px;}
.linow a { color:#000;}
</style>
</head>
<body>
<ul class="LeftM">
<li onClick="hc();"><a href="#">基本概念</a></li>
<li onClick="hc()"><a href="#">基本概念</a></li>
<li onClick="hc()"><a href="#">行政职业能力测试</a></li>
<li onClick="hc()"><a href="#">申论</a></li>
</ul>
<br>
</body>
</html>
最新文章
- no-proxy 和proxy 的区别
- IOS-UIIamge初始化的几种方法的比较
- MSBuild .Targets 文件
- Unity基本操作一
- Today I Cooked the Sun Yat-Sen University [2007-09-25 12:37:39]
- google的西联汇款可以使用工行代收
- [教程] 神器i9100刷基带与内核的方法!(兼带ROOT方法)
- 第12章 代理模式(Proxy Pattern)
- jQuery插件综合应用1
- java中异常处理机制的简单原理
- Xcode-之Code Snippets Library
- Hopfield神经网络实现污染字体的识别
- php SeasLog使用以及liunx环境下安装
- sh, 批量执行Linux命令
- 简单记录numpy库的某些基本功能
- Python内置函数(64)——tuple
- WPF 语言格式化文本控件
- Java如何使用线程解决生产者消费者问题?
- Solidity 神器Remix
- axis2 webservice jar包使用情况(转)