mdsk.net
当前位置:首页 >> js控制Div显示与隐藏,js利用"hovEr"属性控制隐藏... >>

js控制Div显示与隐藏,js利用"hovEr"属性控制隐藏...

$('.a').mouseenter(function() { this.style.display = 'none'; this.nextElementSibling.style.display = 'block'; }); $('.a').mouseout(function() { this.style.display = 'block'; this.nextElementSibling.style.display = 'none'; });

html: a content b content css: .dbl{display:block;} .dno{display:none;} js: document.getElementById("a").onmouseover = function(){ document.getElementById("a").className = "dno"; document.getElementById("a").className = "dbl"; ...

1.首先样式要设定好,在每个li区域只能显示a或者b。 2.引入js库代码(jquery库需要引用,1.4版本以上都可以) 3.设定外部ul的id属性:假设为ullist 4.编写js代码 下面是我写的一个例子代码,供你参考,jquery库需要自己下载并引用 A面内容 B面内...

如下代码可以实现 : #mysteve {width:200px; height:30px; border:1px solid red;}#add {width:200px; height:30px; border:1px solid blue; display:none;}mysteveaddwindow.onload = function(){var ms = document.getElementById("mysteve")...

TEST$(function(){$(".content div").hide();$("li").hover(function() {$(this).toggleClass('hover');$(".content").find("div").eq($(this).index()).show();}, function() {$(this).toggleClass('hover');$(".content").find("div").eq($(th...

Jquery中hide()方法表示隐藏,show()表示显示 示例: 测试$(function(){$('#btn').click(function(){$div1=$('#div1');if($div1.is(':hidden')){$div1.show();}else if($div1.is(':visible')){$div1.hide();}});});

去掉这个选择器名,换成其它选择器名 比如,原来的class="a",你有个css a:hover 你可以先a.addClass("b"),增加个b类,然后removeClass("a") 那么,a相对应的hover,也不存在了

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...

我给你说下思路,先写下样式把小div给display:none掉,然后给父元素加事件开始写JS当鼠标移到父元素上用onmouseover的样式为display:block,移除用onmouseou的样式为display:none

你可以写两个样式类a和b,a样式是平常显示的,当你鼠标移上去的时候就移除样式a,添加样式b; onmousemove、.removeClass(".a").addClass(".b");

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