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 相关文章推荐
JavaScript OOP类与继承
Nov 15 Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
js判断浏览器类型及设备(移动页面开发)
Jul 30 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
Jun 06 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
简单实现js上传文件功能
Aug 21 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
vuex实现数据状态持久化
Nov 11 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
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
js列举css中所有图标的实现代码
2011/07/04 Javascript
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
轻松实现js图片预览功能
2016/01/18 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
如何用JS判断两个数字的大小
2016/07/21 Javascript
jQuery弹出下拉列表插件(实现kindeditor的@功能)
2016/08/16 Javascript
详谈JavaScript的闭包及应用
2017/01/17 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
写给vue新手们的vue渲染页面教程
2017/09/01 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
Python字符遍历的艺术
2008/09/06 Python
在Django的通用视图中处理Context的方法
2015/07/21 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
TensorFlow的权值更新方法
2018/06/14 Python
在Python dataframe中出生日期转化为年龄的实现方法
2018/10/20 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
Pytorch十九种损失函数的使用详解
2020/04/29 Python
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
英国领先的在线礼品店:Getting Personal
2019/09/24 全球购物
乌克兰机票、铁路和巴士票、酒店搜索、保险:Tickets.ua
2020/01/11 全球购物
自我评价如何写好?
2014/01/05 职场文书
会计辞职信范文
2014/01/15 职场文书
求职个人评价范文
2014/04/09 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
公路施工安全责任书
2015/05/08 职场文书
2015年环保局工作总结
2015/05/22 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL