jQuery实现的鼠标经过时变宽的效果(附demo源码)


Posted in Javascript onApril 28, 2016

本文实例讲述了jQuery实现的鼠标经过时变宽的效果。分享给大家供大家参考,具体如下:

<!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程序设计有所帮助。

Javascript 相关文章推荐
textarea中的手动换行处理的jquery代码
Feb 26 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
Sep 20 Javascript
JavaScript执行顺序详细介绍
Dec 04 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
微信小程序 开发工具快捷键整理
Oct 31 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
Dec 14 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
Jan 07 Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 Javascript
js序列化和反序列化的使用讲解
Jan 19 Javascript
vue3修改link标签默认icon无效问题详解
Oct 09 Javascript
Bootstrap Chart组件使用教程
Apr 28 #Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
Apr 28 #Javascript
location.hash保存页面状态的技巧
Apr 28 #Javascript
字符串反转_JavaScript
Apr 28 #Javascript
使用 stylelint检查CSS_StyleLint
Apr 28 #Javascript
基于BootStarp的Dailog
Apr 28 #Javascript
浅析jquery与checkbox的checked属性的问题
Apr 27 #Javascript
You might like
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
php中替换字符串函数strtr()和str_repalce()的用法与区别
2016/11/25 PHP
CI框架实现框架前后端分离的方法详解
2016/12/30 PHP
根据key删除数组中指定的元素实现方法
2017/03/02 PHP
Mac系统下安装PHP Xdebug
2018/03/30 PHP
php实现的证件照换底色功能示例【人像抠图/换背景图】
2020/05/29 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
jqgrid 编辑添加功能详细解析
2013/11/08 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
prototype.js常用函数详解
2016/06/18 Javascript
AngularJS使用ng-repeat指令实现下拉框
2016/08/23 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
PHP捕捉异常中断的方法
2016/10/24 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
JavaScript中递归实现的方法及其区别
2017/09/12 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
Python enumerate索引迭代代码解析
2018/01/19 Python
Python中py文件引用另一个py文件变量的方法
2018/04/29 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
python批量修改交换机密码的示例
2020/09/22 Python
缴纳养老保险的证明
2014/01/10 职场文书
四年大学自我鉴定
2014/02/17 职场文书
扬州个园导游词
2015/02/06 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书