编程 Javascript

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

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

- Author -

懒人

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 跨域和ajax 跨域问题小结

Jul 01 Javascript

jQuery 跨域访问问题解决方法

Dec 02 Javascript

jQuery温习篇强大的JQuery选择器

Apr 24 Javascript

JavaScript 浏览器验证代码(来自discuz)

Jul 17 Javascript

jQuery中绑定事件的命名空间详解

Apr 05 Javascript

JS截取字符串实例详解

Nov 24 Javascript

JS添加或修改控件的样式(Class)实现方法

Oct 15 Javascript

vue实现可增删查改的成绩单

Oct 27 Javascript

javascript判断firebug是否开启的方法

Nov 23 Javascript

js实现常见的工具条效果

Mar 02 Javascript

解决vue的变量在settimeout内部效果失效的问题

Aug 30 Javascript

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

Sep 03 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 iconv 解决utf-8和gb2312编码转换问题

2010/04/12 PHP

PHP随机字符串生成代码(包括大小写字母)

2013/06/24 PHP

PHP清除数组中所有字符串两端空格的方法

2014/10/20 PHP

php数组比较实现查找连续数的方法

2015/07/29 PHP

详解WordPress中添加和执行动作的函数使用方法

2015/12/29 PHP

Thinkphp自定义代码生成工具及用法说明(附下载地址)

2016/05/27 PHP

js post方式传递提交的实现代码

2010/05/31 Javascript

JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

2015/06/19 Javascript

微信小程序 action-sheet详解及实例代码

2016/11/09 Javascript

javascript中对象的定义、使用以及对象和原型链操作小结

2016/12/14 Javascript

ES6概念 Symbol toString()方法

2016/12/25 Javascript

jQuery中的deferred使用方法

2017/03/27 jQuery

基于Jquery Ajax type的4种类型(详解)

2017/08/02 jQuery

初学者AngularJS的环境搭建过程

2017/10/27 Javascript

vue双向绑定数据限制长度的方法

2019/11/04 Javascript

vue中英文切换实例代码

2020/01/21 Javascript

Python中的二维数组实例(list与numpy.array)

2018/04/13 Python

Python3实现的简单三级菜单功能示例

2019/03/12 Python

python通过paramiko复制远程文件及文件目录到本地

2019/04/30 Python

pyqt5 使用cv2 显示图片,摄像头的实例

2019/06/27 Python

Python实现某论坛自动签到功能

2019/08/20 Python

基于Python解密仿射密码

2019/10/21 Python

python 协程中的迭代器，生成器原理及应用实例详解

2019/10/28 Python

Django1.11自带分页器paginator的使用方法

2019/10/31 Python

使用Python的Turtle库绘制森林的实例

2019/12/18 Python

python爬虫实例之获取动漫截图

2020/05/31 Python

使用CSS3制作一个简单的Chrome模拟器

2015/07/15 HTML / CSS

拉飞逸官网：Lafayette 148 New York

2020/07/15 全球购物

品学兼优的大学生自我评价

2013/09/20 职场文书

公共事业管理本科生求职信

2013/10/07 职场文书

幼师求职自荐信

2014/05/31 职场文书

维护民族团结演讲稿

2014/08/27 职场文书

银行党员批评与自我批评

2014/10/15 职场文书

2014年行政助理工作总结

2014/11/19 职场文书

2015年店长工作总结范文

2015/04/08 职场文书

python实现A*寻路算法

2021/06/13 Python