我觉得还是你的css样式有问题!你分别把两种样式定义到<li>上
解决方案 »
- 请教一个js+div弹窗代码
- Ext gridpanel DWRProxy 绑定不上数据
- 求一个正则 ~~
- 怎么匹配多个换行为*
- 散分兼集思广益, 最近公司让写前台标准, 自然能力有限呀....特来征求意见
- 有没有一种方法,实现弹出窗口不被关闭
- 如何在一个js文件中引入另一个js文件?
- 为什么我的InnerHtml不反应?
- 怎样在浮动窗口上触发某个事件修改另一个窗口
- 打开 太平洋电脑(pconline.com.cn) 导致 浏览器 FireFox或Google Chrome 卡死 代码无限循环 内存泄露 网络占满
- 如何化简一下?
- 请问,页面onmousemove事件与flash的onmousemove事件产生冲突,如何解决(100分)。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>数据表设置动作样式 </title>
<style type="text/css">
h2 {text-align:center;}
ul,li {list-style:none; padding:0; margin:0;}
.stockList {text-align:left; font-size:12px; clear:both; overflow:hidden; height:1%; width:300px; margin:0 auto; border:1px solid #CCC; padding:9px; }
.stockList li {line-height:22px;margin:0 0 1px; width:100%; float:left; clear:both; overflow:hidden; height:1%;border:1px solid #fff; }
.stockList li span {float:left; text-indent:9px;}
.stockList li span a {color:#1F3A8B;}
.stockList li span.s1 {width:120px;}
.stockList li span.s2 {width:90px;}
.stockList li span.s3 {}
.active {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; border-color:#92B0DD; background-color:#f4f8ff; cursor:pointer; }
.red {color:#FF0000;}
.green {color:#008000;}
</style>
<script>
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
function setActiveStyle(){
var ulObj=document.getElementById("list1");
var liArr=ulObj.getElementsByTagName("li");
if(liArr){
for(var i=0,l=liArr.length;i <l;i++){
liArr[i].onmouseover=function(){this.className="active";};
liArr[i].onmouseout=function(){this.className="";};
}
}
}
function setClickStyle(){
var ulObj=document.getElementById("list2");
var liArr=ulObj.getElementsByTagName("li");
if(liArr){
for(var i=0,l=liArr.length;i <l;i++){
liArr[i].onclick=function(){
this.className=this.className==""?"active":"";
};
}
}
}
addLoadEvent(setActiveStyle);
addLoadEvent(setClickStyle);
</script>
</head>
<body>
<h2>鼠标划过我 </h2>
<div class="stockList">
<ul id="list1">
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 green">18.07 </span> <span class="s3 green">18.07 </span> </li>
<li> <span class="s1"> <a href="#">阿里巴巴 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 green">18.07 </span> <span class="s3 green">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
<li> <span class="s1"> <a href="#">网易 </a> </span> <span class="s2 red">18.07 </span> <span class="s3 red">18.07 </span> </li>
</ul>
</div>
</body>
</html>