tnjk.net
当前位置:首页 >> 鼠标滑过切换Div内容层用js怎么实现 >>

鼠标滑过切换Div内容层用js怎么实现

DIV层切换 /********************************************* 功能: 通用DIV切换函数 参数: divID --当前DIV的ID号;divName --要改变的这一组DIV的命名前缀;zDivCount --这一组DIV的个数-1 BY : JetKing 2007.06 ****************************...

就是普通的menu下拉效果,不过都是定位一个在框下显示隐藏而已。。。

T *{ padding:0; margin:0; } .main{ width: 470px; margin: 20px auto; } ul li{ float: left; width: 214px; height: 58px; list-style: none; border: 1px solid #D0D0D0; border-bottom: none; background-color: #fff; border-radius: 15p...

学习练手写下个简易的滑动门 *{ margin:0px; padding:0px; font-size:9pt; } #tab{width:400px; height:auto; margin:0 auto; } ul{list-style:none; margin-left:20px;} li{ float:left;height:30px;background:url(15.jpg);margin:0 5px;text...

DIV层切换 function ChangeDiv(divId,divName,zDivCount) { for(i=0;i

把鼠标放到这里1111222333 把鼠标放到这里aaadddffgfg 把鼠标放到这里vcvvbvb 把鼠标放到这里765787687 把鼠标放到这里hgfhgfjhj 把鼠标放到这里iyuiyui window.onload=function(){ var lis=document.getElementsByTagName("li"); for(i=0;i

Document .hover{ display: block; width: 80px; line-height: 30px; height: 30px; overflow: hidden; position: relative; } .hover:hover{ overflow: visible; } .hover .ex{ position: absolute; left: 80px; top: 0; width: 200px; line-h...

这个需要用javascript才能实现: .add{ .....} $("#div1").hover(function(){ $("div2").addClass('add'); },function(){ $("div2").removeClass('add'); }) 这是js的jquery来实现的

两个div 先写好,一个先隐藏,点击后更改其属性,让其显示 Document .outer{ position: relative; height: 300px; width: 500px; background-color: #097df3; } .d1{ display: none; position: absolute; height: 200px; width: 300px; top: 50px; ...

onmouseout(鼠标移开) 再做一个消失的函数

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com