中易网

Jquery动画问题

答案:1  悬赏:70  
解决时间 2021-04-27 16:01
  • 提问者网友:無奈小影
  • 2021-04-26 15:24

Jquery 动画:先看看代码如下:

<script language="javascript" src="jquery-1.4.2.min.js"></script>

<script language="javascript">
<!--

$(function(){
     $("#id1").click(function(){
           $("#con1").fadeIn(1000);
     });

     $("#Colos").click(function(){
            $("#con1").fadeOut(1000);
     });
});

//-->
</script>

 

<body>

<a href="#" id="id1">第一个</a>
<a href="#" id="id2">第二个</a>


<!---第一个内容-->

<div id="con1" class="body">
    <div class="content">
             <div class="content_lr" >内容1</div>
             <div class="copy">版权<a href="#" id="Colos">关闭</a></div>
    </div>
</div>

 

<!---第二个内容-->

<div id="con2" class="body">
    <div class="content">
             <div class="content_lr" >内容2</div>
             <div class="copy">版权<a href="#" id="Colos">关闭</a></div>
    </div>
</div>

</body>

 

 

 

我想点第一个的时候 第一个内容出现  点第二个的时候 第二个内容出现 

也就是说 让:

     $("#id1").click(function(){
           $("#con1").fadeIn(1000);
     });

     $("#Colos").click(function(){
            $("#con1").fadeOut(1000);
     });

这里的 #id1   和 #con1  变成动态的!

 

怎么写呀  请求高手指点。

最佳答案
  • 二级知识专家网友:蜜罐小熊
  • 2021-04-26 16:52
$("a [id^='id']").click(function(){
    var len=strlen($(this).attr("id"));
    var s=$(this).attr("id").substring(len-1,len)
    $("div [id='con"+s+"']").fadeIn(1000);
    });
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息!
大家都在看
推荐信息