关于JQUERY中的hide()和show()
因为对JQ和JS不熟悉,所以不知道如何实现渐隐或一个过渡的效果。我做的是隐藏显示DIV标签的代码。<script>jQuery(function(){jQuery('#u...
因为对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。
现在就想做个渐隐的效果,请问如何能够做到?先谢谢了!~ 展开
<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。
现在就想做个渐隐的效果,请问如何能够做到?先谢谢了!~ 展开
4个回答
2017-01-09 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
把show换成fadeOut,hide换成fadeIn就行了
更多追问追答
追问
感谢你的回答,但按照您说的,不行,我是把两个叠在一起的,按您的方法之后,上面渐隐下面又渐隐了一遍,- -。
追答
把它们都放到一个div里面,只需要隐藏这一个div不行吗?
像这样
<div id="被隐藏的div">
<div class="d1">D1DIV里的内容</div>
<div class="d2">D2DIV里的内容</div>
</div>
只需要隐藏id为”被隐藏的div“就行了
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在hide()和show()方法里面传一个数 比如hide(1000)实现渐隐
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询