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 相关文章推荐
js 可拖动列表实现代码
Dec 13 Javascript
javascript动画浅析
Aug 30 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
May 07 Javascript
实测jquery data()如何存值
Aug 18 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
javascript之Boolean类型对象
Jun 07 Javascript
早该知道的7个JavaScript技巧
Jun 21 Javascript
input 禁止输入特殊字符的四种实现方式
Aug 24 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 Javascript
微信小程序scroll-view的滚动条设置实现
Mar 02 Javascript
JavaScript的一些小技巧分享
Jan 06 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
分享8个最佳的代码片段在线测试网站
2013/06/29 PHP
PHP获取音频文件的相关信息
2015/06/22 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
javascript下查找父节点的简单方法
2007/08/13 Javascript
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
JS分页效果示例
2013/10/11 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
2014/07/06 Javascript
JavaScript代码复用模式详解
2014/11/07 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
JavaScript中利用各种循环进行遍历的方式总结
2015/11/10 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
javascript实现的左右无缝滚动效果
2016/09/19 Javascript
AngularJS实现select的ng-options功能示例
2017/07/12 Javascript
JavaScript实现修改伪类样式
2017/11/27 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
python字典快速保存于读取的方法
2018/03/23 Python
python中virtualenvwrapper安装与使用
2018/05/20 Python
详解基于django实现的webssh简单例子
2018/07/17 Python
python+tkinter实现学生管理系统
2019/08/20 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
python 模拟登录B站的示例代码
2020/12/15 Python
python实现b站直播自动发送弹幕功能
2021/02/20 Python
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
教育技术学专业职业规划书
2014/03/03 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
子女赡养老人协议书
2016/03/23 职场文书
一个成功的互联网创业项目,必须满足这些要求
2019/08/23 职场文书
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers