JS滑动门
2015-11-23 23:33
691 查看
<a href="#" id="one1" onmouseover="setTab('one',1,2)" class="hover">专家汇聚</a> <a href="#" id="one2" onmouseover="setTab('one',2,2)" >主治医师</a> <div id="con_one_1" > <a href="#" target="_blank" class="sub2_more">更多</a> <div class="sub2_con1"> 00 </div> </div> <div id="con_one_2" style="display:none"> <a href="#" target="_blank" class="sub2_more">更多</a> <div class="sub2_con1"> 555 </div> </div>
//tab切换 function setTab(name, cursel, n) { for (i = 1; i <= n; i++) { var menu = document.getElementById(name + i); var con = document.getElementById("con_" + name + "_" + i); menu.className = i == cursel ? "hover" : ""; con.style.display = i == cursel ? "block" : "none"; } }
.sub2_more { display:block; float:right; text-align:center; position:relative; color:#00968b; margin-top:-48px; text-decoration:none; font-size:12px; margin-right:20px; } .sub2_more:hover{color:#00c1b3}
解释:setTab('one',1,2) 与IDcon_one_2相关联,参数中的2表示总的滑动门总数
相关文章推荐
- js获取url传递参数
- Ext4.2.1学习历程之一:环境搭建及Hello ExtJS4.2
- js实现监听页面滚动实现图片延迟加载
- js正则表达式验证数字
- 原生js去除字符两端空格
- JavaScript语言精粹学习笔记(2)——对象
- week12---11月25日 JS内置对象(一)
- JavaScript DOM编程艺术—幻灯片动画
- week12---11月24日 JS基础(九)
- JSON 之FastJson解析
- JavaScript语言精粹学习笔记(3)——函数1
- IP控件
- javascript_DOM 编程艺术学习笔记(八)
- JS原生代码之倒计时抢购
- JavaScript语言精粹学习笔记(1)——语法
- javascript发送DELETE请求
- javascript-面向对象(一)
- javascript语言使用技巧及注意事项总结
- js高级教程1
- jsp的九大内置对象