如何在JavaScript中定位特定的CSS元素？

我有我的代码：如何在JavaScript中定位特定的CSS元素？

$(document).ready(function() { 
$('#topznav ul li').click(function() {    
    $('#topznav').animate({ 
    marginLeft: '10px'   
    }, 400); 
});           
});

我有一个关于第二个问题行。它不会工作。我的意思是，没有什么真正的动画。由于其他函数的工作原因，脚本文件被正确加载。我在这里做错了什么？

来源

2013-10-04 Michał Skrzypek

动画利润率可能会非常棘手有时。尝试一些不同的动画来测试它是否有效，例如淡入淡出。 – jackJoe

试试这个：

$(document).ready(function() { 
$('#topznav ul li').click(function() {    
    $('#topznav').animate({ 
    marginLeft: '+=10px'   
    }, 400); 
});           
});

来源

2013-10-04 07:55:54 jackJoe

我在这里发布我得到了什么

<html> 
    <head> 
     <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('#topznav ul li').click(function() { 
        $('#topznav').animate({ 
         marginLeft: '+=10px'   
        }, 400); 
       });           
      }); 

     </script> 
    </head> 
    <body> 
     <div id="topznav"> 
      <ul > 
       <li> 
        <a href="javascript:void(0);">test1</a> 
       </li> 

       <li> 
        <a href="javascript:void(0);">test2</a> 
       </li>     
       <li> 
        <a href="javascript:void(0);">test3</a> 
       </li> 
      </ul> 
     </div> 
    </body> 
</html>

这工作得很好

来源

2013-10-04 08:01:41

如何在JavaScript中定位特定的CSS元素？

回答

相关问题