Question

我已按照目前为止所做的尝试fiddle http://jsfiddle.net/BLPgX/我想淡化div而不是添加类并删除class。如果用户复制链接，例如http://www.myweb.com/test/ques.jsp#Faq1 如何fade div？

谢谢＆amp;问候

Answer 1

你是说这样的意思吗？它逐渐淡出。

jsFiddle

给所有答案提供answers课程，在该课程中我给了css transition:2s;，这是课程添加和删除的时间。

Answer 2

试试这个：

     // Add highlightAns class
       $thisAns.addClass("highlightAns").fadeIn("slow");

    // Remove that class after 2 seconds                       
      setTimeout(function(){
           $thisAns.removeClass("highlightAns").fadeOut("slow");
      },2000);

Demo

Answer 3

我按照以下方式做了

  $(document).ready(function(){
                if(document.location.href.indexOf('#') > -1){
                    var id = location.hash.replace("#","");
                    $thisAns = $("#"+id);
                    $thisAns.addClass("highlightAns");
                        // Remove that class after 2 seconds                       
                        setTimeout(function(){
                            $thisAns.removeClass("highlightAns");
                        },2000);
                }
                else{
                    console.log("URL does not contains Id");
                }    

                $('.highlight').on('click', function() {
                    // Get the div that should be higlighted now
                    var id = $(this).attr('href').replace("#", "");
                    $thisAns = $('#'+id);
                    // Add highlightAns class
                    $thisAns.addClass("highlightAns");
                    // Remove that class after 2 seconds                       
                    setTimeout(function(){
                        $thisAns.removeClass("highlightAns");
                    },2000);
                });
        });

如何淡化/突出显示链接上的相应div点击jquery

3 个答案: