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 相关文章推荐
jQuery Ajax之$.get()方法和$.post()方法
Oct 12 Javascript
浅析js中的浮点型运算问题
Jan 06 Javascript
javascript定义变量时加var与不加var的区别
Dec 22 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
Nov 18 Javascript
webpack构建vue项目的详细教程(配置篇)
Jul 17 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
js实现移动端轮播图
Dec 21 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
Jul 29 Javascript
Vue Object 的变化侦测实现代码
Apr 15 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 28 Javascript
JavaScript常用进制转换及位运算实例解析
Oct 14 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的计数器程序
2006/10/09 PHP
PHP下MAIL的另一解决方案
2006/10/09 PHP
php 数组的指针操作实现代码
2011/02/08 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
2009/11/09 Javascript
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
jQuery右键菜单contextMenu使用实例
2011/09/28 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
JS实现div居中示例
2014/04/17 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
2018/07/27 Javascript
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
jQuery.validate.js表单验证插件的使用代码详解
2018/10/22 jQuery
详解JavaScript之ES5的继承
2020/07/08 Javascript
Python django实现简单的邮件系统发送邮件功能
2017/07/14 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
Django MEDIA的配置及用法详解
2019/07/25 Python
python3.7将代码打包成exe程序并添加图标的方法
2019/10/11 Python
python找出列表中大于某个阈值的数据段示例
2019/11/24 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
keras获得某一层或者某层权重的输出实例
2020/01/24 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
HTML5手机端弹出遮罩菜单特效代码
2016/01/27 HTML / CSS
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
2020/04/27 HTML / CSS
房地产销售经理岗位职责
2014/01/01 职场文书
青年创业培训欢迎词
2014/01/08 职场文书
会计助理岗位职责
2014/02/17 职场文书
护士2015年终工作总结
2015/04/29 职场文书