jquery - 随笔分类(第3页) - 计划

jQuery拖拽改变元素大小

摘要：一个非常简单的例子,体验效果：http://keleyi.com/keleyi/phtml/jqtexiao/29.htm以下是完整代码，保存到HTML文件打开也可以体验效果。 1 2 3 4 5 jQuery 版“元素拖拽改变大小”原型-柯乐义 6 7 65 78 79... 阅读全文

posted @ 2014-12-04 22:05 计划阅读(6766) 评论(0) 推荐(0) 编辑

推荐几个jQuery插件

摘要：jQuery仿京东无限级菜单HoverTree http://www.cnblogs.com/jihua/p/hvtree.html 多级弹出菜单jQuery插件ZoneMenu http://www.cnblogs.com/jihua/p/jqueryzonemenu.html 推荐一个内容滚动j 阅读全文

posted @ 2014-12-02 16:31 计划阅读(963) 评论(0) 推荐(0) 编辑

如何使用jQuery 制作全屏幕背景的嵌入视频

摘要：实际效果查看：http://keleyi.com/keleyi/phtml/jqtexiao/28.htm请使用支持HTML5的浏览器查看本效果。完整代码如下：如何使用jQuery制作全屏幕背景的嵌入mp4-柯乐义一只小蜜蜂，飞在花丛中左飞飞，右飞飞，剪刀、石头、布请使用支持HTML5的浏览器查看本... 阅读全文

posted @ 2014-11-27 22:31 计划阅读(938) 评论(0) 推荐(0) 编辑

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... 阅读全文

posted @ 2014-11-01 01:49 计划阅读(453) 评论(0) 推荐(0) 编辑

jQuery仿京东无限级菜单HoverTree

摘要：

阅读全文

posted @ 2014-10-22 14:25 计划阅读(5233) 评论(0) 推荐(0) 编辑

简单实用的二级树形菜单hovertree

摘要：

阅读全文

posted @ 2014-09-30 04:05 计划阅读(8192) 评论(0) 推荐(0) 编辑

使用jquery增加网站粘度

摘要：增加网站粘度,可以在页面增加一个“随机访问”链接，当点击链接时，随机打开预先设定好的链接集合中的一个。使用jquery可以实现这个功能，RandomVisit就是这样的一个jQuery插件。官方网址：http://keleyi.com/jq/randomvisit/可以到这个网址点击图片链接体验效果... 阅读全文

posted @ 2014-09-05 10:42 计划阅读(1614) 评论(0) 推荐(0) 编辑

多级弹出菜单jQuery插件ZoneMenu

摘要：ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。在线体验：http://keleyi.com/jq/zonemenu/点击这里下载完整HTML文件代码：ZoneMenu- jquery pluginZoneMenu DemoZoneMenuKeleyi H... 阅读全文

posted @ 2014-08-05 01:33 计划阅读(5259) 评论(0) 推荐(1) 编辑

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... 阅读全文

posted @ 2014-08-03 11:19 计划阅读(4677) 评论(0) 推荐(0) 编辑

推荐一个内容滚动jquery插件

摘要：myslider是一个内容滚动jquery插件，版本0.1.2的每次滚动内容是一行内容，可以是文字，可以是一个链接，还可以是图片。官方网址：http://keleyi.com/jq/myslider/参考：http://plugins.jquery.com/myslider/例子代码： 1 2 ... 阅读全文

posted @ 2014-07-04 23:05 计划阅读(5356) 评论(0) 推荐(0) 编辑

jQuery切换网页皮肤保存到Cookie实例

摘要：效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/25.htm以下是源代码： 1 2 3 4 jquery实现页面皮肤切换并保存-柯乐义 5 6 7 8 9 10 11 31 32 ... 阅读全文

posted @ 2014-06-12 22:34 计划阅读(3617) 评论(1) 推荐(0) 编辑

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:... 阅读全文

posted @ 2014-04-25 12:25 计划阅读(2563) 评论(0) 推荐(0) 编辑

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... 阅读全文

posted @ 2014-03-18 22:31 计划阅读(2749) 评论(0) 推荐(0) 编辑

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... 阅读全文

posted @ 2014-02-21 23:45 计划阅读(1873) 评论(0) 推荐(0) 编辑

HTML5 随机弹跳的小球

摘要：查看效果:http://keleyi.com/a/bjad/tc1y11dy.htmChrome效果图：火狐效果图：推荐：http://hovertree.com/texiao/css3/18/以下是源码： web前端：http://www.cnblogs.com/jihua/p/webfront. 阅读全文

posted @ 2014-02-12 20:30 计划阅读(7026) 评论(0) 推荐(0) 编辑

一款简洁大气的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 ＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习... 阅读全文

posted @ 2014-01-24 16:13 计划阅读(11310) 评论(0) 推荐(0) 编辑

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 ... 阅读全文

posted @ 2014-01-19 22:46 计划阅读(3958) 评论(0) 推荐(0) 编辑

产品多图展示带放大镜代码

摘要：点击下面链接查看效果：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 ... 阅读全文

posted @ 2014-01-16 18:35 计划阅读(1008) 评论(0) 推荐(0) 编辑

图片放大镜实例

摘要：点击这里查看效果效果图：以下是代码： 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 阅读全文

posted @ 2014-01-13 22:16 计划阅读(1156) 评论(2) 推荐(0) 编辑

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 ... 阅读全文

posted @ 2014-01-03 00:09 计划阅读(2522) 评论(2) 推荐(1) 编辑

随笔分类 - jquery