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

有一只柴犬

发布于 2024-01-25 10:37:51

630

发布于 2024-01-25 10:37:51

之前做一些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>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2024-01-25，如有侵权请联系 cloudcommunity@tencent.com 删除

特效