解决方案 »
- jquery easy ui 中的datagrid Demo 放到VS IDE中显示不了数据
- js概率代码
- 发现一个Javascript全局变量访问速度的奇怪问题
- 如何将所有单一后代结构的ul加上.red?
- javascript 如何获取页面元素,并改变文字颜色.
- 请问如果从Scorm标准的课件去数据,已经如果向Scorm标准课件写数据
- javascript动态创建表格单元格,数据的提交?
- 求一条邮箱的正则表达
- 急,如何实现动态创建,删除checkBox,text等控件
- 各位高手,我怎样设置“用openchromeless时弹出的窗口”的位置(在线等待)
- 关于EasyUI 里面EndRow,detailview显示异常问题
- 求一句JQUERY的选择元素语句,谢谢
*{padding:0;margin:0}
body{font:12px/20px "宋体";}
.nav li{list-style:none;display:block; border:1px solid #ddd;padding:2px 15px;width:80px; float:left; text-align:center;}
.nav li.current{border:1px solid #f90;}
.box{width:224px;height:180px;clear:both;}
</style>
<ul id="nav" class="nav">
<li class="current">笔记本</li>
<li>台式机</li>
</ul>
<div id="box_0" class="box" style="display:block; background:#FCC;"></div>
<div id="box_1" class="box" style="display:none;background:#CFC;"></div>
<script type="text/javascript">
window.onload=function(){
var navBox = document.getElementById('nav'), nav = navBox.getElementsByTagName('li');
for(var i=0;i<nav.length;i++){
(function(){
var j = i;
nav[i].onmouseover = function(){
for(var k=0;k<nav.length;k++){
nav[k].className = '';
document.getElementById('box_'+k).style.display = 'none';
if(k==j){
nav[k].className = 'current'
document.getElementById('box_'+k).style.display = 'block'
}
}
}
})()
}
}
</script>