随笔分类 - jquery
jquery
jQuery拖拽改变元素大小
摘要:一个非常简单的例子,体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/29.htm以下是完整代码,保存到HTML文件打开也可以体验效果。 1 2 3 4 5 jQuery 版“元素拖拽改变大小”原型-柯乐义 6 7 65 78 79...
阅读全文
推荐几个jQuery插件
摘要:jQuery仿京东无限级菜单HoverTree http://www.cnblogs.com/jihua/p/hvtree.html 多级弹出菜单jQuery插件ZoneMenu http://www.cnblogs.com/jihua/p/jqueryzonemenu.html 推荐一个内容滚动j
阅读全文
如何使用jQuery 制作全屏幕背景的嵌入视频
摘要:实际效果查看:http://keleyi.com/keleyi/phtml/jqtexiao/28.htm请使用支持HTML5的浏览器查看本效果。完整代码如下:如何使用jQuery制作全屏幕背景的嵌入mp4-柯乐义一只小蜜蜂,飞在花丛中左飞飞,右飞飞,剪刀、石头、布请使用支持HTML5的浏览器查看本...
阅读全文
HoverTree菜单0.1.3新增效果
摘要:HoverTree菜单0.1.3增加弹出菜单的动态效果,可以是动态下拉,也可以是动态淡入。效果请看:http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htmHoverTree菜单0.1.3参数:width: 'keleyi',// '200px'isClo...
阅读全文
使用jquery增加网站粘度
摘要:增加网站粘度,可以在页面增加一个“随机访问”链接,当点击链接时,随机打开预先设定好的链接集合中的一个。使用jquery可以实现这个功能,RandomVisit就是这样的一个jQuery插件。官方网址:http://keleyi.com/jq/randomvisit/可以到这个网址点击图片链接体验效果...
阅读全文
多级弹出菜单jQuery插件ZoneMenu
摘要:ZoneMenu是一个菜单jQuery插件,只需占用页面上的一个小区域,却可以实现多级菜单。在线体验:http://keleyi.com/jq/zonemenu/点击这里下载完整HTML文件代码:ZoneMenu- jquery pluginZoneMenu DemoZoneMenuKeleyi H...
阅读全文
jquery投色子动画
摘要:可以点击这里体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/26.htm效果图:代码如下: 1 2 3 4 5 jQuery掷色子并显示随机结果-可乐义 6 24 25 48 49 50 51 jQuery掷色子并显示随机结果52 请点击色子:53...
阅读全文
推荐一个内容滚动jquery插件
摘要:myslider是一个内容滚动jquery插件,版本0.1.2的每次滚动内容是一行内容,可以是文字,可以是一个链接,还可以是图片。官方网址:http://keleyi.com/jq/myslider/参考:http://plugins.jquery.com/myslider/例子代码: 1 2 ...
阅读全文
jQuery切换网页皮肤保存到Cookie实例
摘要:效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/25.htm以下是源代码: 1 2 3 4 jquery实现页面皮肤切换并保存-柯乐义 5 6 7 8 9 10 11 31 32 ...
阅读全文
jquery模拟LCD 时钟
摘要:查看效果网址:http://keleyi.com/keleyi/phtml/jqtexiao/24.htm以下是HTML文件源代码: 1 2 3 4 jQuery模拟LCD时钟-柯乐义 5 6 7 10 11 12 jQuery模拟LCD时钟原文13 14 2014/4/24 12:38:...
阅读全文
jQuery刮彩票兑奖效果
摘要:效果体验:http://keleyi.com/a/bjad/uaq24pxt.htm其中拖拽刮涂层效果使用jquery UI的draggable方法,请参考:http://keleyi.com/a/bjac/9dd21532ed1dbf23.htm以下是源代码: 1 2 3 4 jQuery UI模拟刮彩票涂层显示结果-柯乐义 5 6 12 13 14 41 42 43 说明:不支持IE6!44 45 效果一(拖拽灰条):46 47 48 请完全刮开查看中奖结果。49 50 51 效果二(点击灰条):52 53 54 请完全刮开查看中奖结果。55 56 57 原文58 59 we...
阅读全文
jQuery实现右上角点击后滑下来的竖向菜单
摘要:效果体验请点击这里:http://keleyi.com/a/bjad/27095rgj.htm这个菜单我觉得可以做成在线客服之类的,点击下滑后,带关闭按钮,因此在不想显示的时候可以关掉它。以下是源代码: 1 2 3 4 5 jQuery实现右上角点击后滑下来的竖向菜单-柯乐义 6 90 91 101 102 103 104 Settings105 106 107 jQuery.now()函数介绍108 109 (function($){….})110 jQuery 1.11.0下载111 jquery设置title属性112 jquery日期输入插件113 jQuery...
阅读全文
HTML5 随机弹跳的小球
摘要:查看效果:http://keleyi.com/a/bjad/tc1y11dy.htmChrome效果图:火狐效果图:推荐:http://hovertree.com/texiao/css3/18/以下是源码: web前端:http://www.cnblogs.com/jihua/p/webfront.
阅读全文
一款简洁大气的jquery日期日历插件
摘要:本jquery插件名为manhuaDate,暂时只支持jquery 1.9.0以下版本,比如jquery-1.8.3.min.js查看效果网址:http://keleyi.com/a/bjad/emf1jc13.htm示例代码如下: 1 2 3 4 5 一款简洁大气的jquery日期日历插件-柯乐义 6 7 8 9 24 25 26 27 28 一款简洁大气的jquery日期日历插件·柯乐义29 30 31 32 33 34 35 36 37 38 39 40 41 由柯乐义整理,查看更多特效:【柯乐义】原文42 43 *尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习...
阅读全文
jquery背景自动切换特效
摘要:查看效果网址:http://keleyi.com/a/bjad/4kwkql05.htm本特效的jquery版本只支持1.9.0以下。代码如下: 1 2 3 4 5 jquery背景自动切换特效-柯乐义 6 7 8 9 10 36 37 38 39 40 41 42 43 44 背景图片自动切换·柯乐义·Background Stretcher jQuery Plugin Demo 45 46 47 48 49 Transition Effect 50 56 57 58 Slide Direction 59 60 North ...
阅读全文
产品多图展示带放大镜代码
摘要:点击下面链接查看效果:http://keleyi.com/a/bjad/pmryuvga.htm本效果只适合jquery 1.9.0以下的版本,例如1.8.3(http://keleyi.com/keleyi/pmedia/jquery-1.8.3.min.js)。代码如下: 1 2 3 4 5 产品多图展示带放大镜代码 - 柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 ...
阅读全文
图片放大镜实例
摘要:点击这里查看效果效果图:以下是代码: 1 2 3 4 5 图片放大镜-柯乐义 6 7 8 9 10 34 35 图片放大镜把光标移动到下面图片上 原文36 37 38 39 40 41 42 原文:http://keleyi.com/a/bjad/q2ee2xyt.htmweb前端:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
jquery在线五子棋
摘要:在线五子棋试玩地址:http://keleyi.com/game/12/以下是完整代码,保存到html文件打开也可以玩: 1 2 3 4 在线五子棋-柯乐义 5 6 7 8 9 10 11 26 27 28 29 30 31 简体中文32 English33 ...
阅读全文