欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實現(xiàn)的鼠標經(jīng)過時變寬的效果(附demo源碼)

 更新時間：2016年04月28日 11:30:56   作者：懶人  
這篇文章主要介紹了jQuery實現(xiàn)的鼠標經(jīng)過時變寬的效果,實例演示了jQuery的Kwicks插件實現(xiàn)針對鼠標事件的響應與頁面元素樣式動態(tài)變換的相關技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下

本文實例講述了jQuery實現(xiàn)的鼠標經(jīng)過時變寬的效果。分享給大家供大家參考，具體如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
  <head>
    <title>Kwicks 1.5.1 Example Page</title>
    <!-- IMPORTANT!!! Include the stylesheet *BEFORE* the JavaScript (necessary for Safari 3.1.1) -->
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
      $().ready(function() {
        $('.kwicks').kwicks({
          max : 220,
          spacing : 5
        });
      });
    </script>
  </head>
  <body>
    <ul class="kwicks horizontal" >
      <li id="kwick_1"></li>
      <li id="kwick_2"></li>
      <li id="kwick_3"></li>
      <li id="kwick_4"></li>
    </ul>
  </body>
</html>

完整實例代碼點擊此處本站下載。

更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery切換特效與技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》

希望本文所述對大家jQuery程序設計有所幫助。

相關文章

最新評論