jquery特效，不用再写繁琐的js脚本-CFANZ编程社区

jquery特效，不用再写繁琐的js脚本

之前做一些js特效，网上找的一些demo，都是很长很长的js脚本。但是没办法，只能原样copy /paste，

写出来的还不能用。唉，苦逼啊。。

但是前几天发现，有些特效如果用jquery的话就可以很简单的实现某些特效，而不必在书写繁琐的js代码。如实现一个窗口的拖拽，如果使用javascript可能会写大几十行的代码，但是使用jquery，只需一个方法就可以实现，但必须导入jquery-ui.min.js（可能早有大神们知道这个了，小弟也是刚学，不要见笑哈）：

<!DOCTYPE html><html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <style type="text/css">
    #draggable { width: 100px; height: 70px; background: silver; }
  </style>
  <script>
  $(document).ready(function() {    $("#draggable").draggable();
  });
  </script>
</head>
<body style="font-size:62.5%;">
  
<div id="draggable">Drag me</div>

</body>
</html>

推荐：jquery官网上还有一些特效，但目前好像提供给我们的并不多，有用到的可以参考一下。

0 条评论