因为对JQ和JS不熟悉,所以不知道如何实现渐隐或一个过渡的效果。我做的是隐藏显示DIV标签的代码。
<script>
jQuery(function () {
jQuery('#ullist li').hover(
function () { jQuery('.d1', this).hide();jQuery('.d2', this).show(); },
function () { jQuery('.d2', this).hide(); jQuery('.d1', this).show(); }
)
jQuery('#ullist li').hover(
function () { jQuery('.d1', this).hide(); jQuery('.d2', this).show(); },
function () { jQuery('.d2', this).hide(); jQuery('.d1', this).show(); }
)
});
</script>
<ul id="ullist">
<li>
<div class="d1">D1DIV里的内容</div>
<div class="d2">D2DIV里的内容</div>
</li>
</ul>
不是鼠标移动到D1上去后,显示D2,隐藏D1,然后从D2上移开鼠标隐藏D2显示D1。
现在就想做个渐隐的效果,请问如何能够做到?先谢谢了!~
关于JQUERY中的hide()和show()说明如下:
1、jquery中show()是显示出隐藏的元素。
比如有如下代码:
$(".btn2").click(function(){
$("p").show();
});
点击按钮2的时候,文字就显示出来了。
2、jquery中hide()是隐藏当前显示的元素。
$(".btn1").click(function(){
$("p").hide();
});
点击按钮1的时候,文字就隐藏了。
感谢你的回答,但按照您说的,不行,我是把两个叠在一起的,按您的方法之后,上面渐隐下面又渐隐了一遍,- -。
追答把它们都放到一个div里面,只需要隐藏这一个div不行吗?
像这样
<div id="被隐藏的div">只需要隐藏id为”被隐藏的div“就行了
因为是正反面的两个内容,放一个DIV里不好控制了。
追答没明白你的意思!
追问就是在里的D1和D2,D1是正面内容,D2是反面内容,两个面叠在一起然后鼠标移动D1上面去D1隐藏,D2出现,然后移开D2隐藏,D1出现,只是想在这种切换上有个效果。这样说您明白了么?
本回答被提问者和网友采纳