关于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。
现在就想做个渐隐的效果,请问如何能够做到?先谢谢了!~
展开
 我来答
育知同创教育
2017-01-09 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部

关于JQUERY中的hide()和show()说明如下:

1、jquery中show()是显示出隐藏的元素。

比如有如下代码:

$(".btn2").click(function(){
 $("p").show();
});

点击按钮2的时候,文字就显示出来了。

2、jquery中hide()是隐藏当前显示的元素。

$(".btn1").click(function(){

  $("p").hide();

  });

点击按钮1的时候,文字就隐藏了。

百度网友022523ba3
2014-02-28 · TA获得超过678个赞
知道小有建树答主
回答量:416
采纳率:100%
帮助的人:250万
展开全部
把show换成fadeOut,hide换成fadeIn就行了
更多追问追答
追问
感谢你的回答,但按照您说的,不行,我是把两个叠在一起的,按您的方法之后,上面渐隐下面又渐隐了一遍,- -。
追答

把它们都放到一个div里面,只需要隐藏这一个div不行吗?

像这样

<div id="被隐藏的div">
     <div class="d1">D1DIV里的内容</div>
    <div class="d2">D2DIV里的内容</div>
</div>

只需要隐藏id为”被隐藏的div“就行了

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
可爱的郭洁洁
2014-02-28
知道答主
回答量:11
采纳率:0%
帮助的人:6万
展开全部
在hide()和show()方法里面传一个数 比如hide(1000)实现渐隐
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
00小宾8
2014-02-28
知道答主
回答量:24
采纳率:0%
帮助的人:10万
展开全部

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式