随笔分类 - Javascript
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...
阅读全文
滚动变色的文字js特效
摘要:Js实现滚动变色的文字效果,在效果展示页面,可看到文字在交替变色显示,以吸引人的注意,效果真心不错哦,把代码拷贝到你的网站后,修改成想要的文字就OK了。查看效果:http://keleyi.com/a/bjad/bd55blos.htm以下是源代码: 1 2 3 4 滚动变色的文字js特效-柯乐义 5 6 7 8 请注意下方的文字,部分文字染成红色,且红色循环移动。 原文 9 10 55 56 keleyi.com57 58 web前端:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
HTML5 随机弹跳的小球
摘要:查看效果:http://keleyi.com/a/bjad/tc1y11dy.htmChrome效果图:火狐效果图:推荐:http://hovertree.com/texiao/css3/18/以下是源码: web前端:http://www.cnblogs.com/jihua/p/webfront.
阅读全文
带节日和农历的js日历
摘要:带农历的脚本:http://keleyi.com/keleyi/phtml/jstexiao/11.htmhttp://keleyi.com/tools/rili/ 1 2 3 4 带农历的日历 5 300 301 302 303 304 305 306 307 308 公历 309 年 月 318 319 320 日321 一322 二323 三324 ...
阅读全文
使用javascript和canvas画月半弯
摘要:使用javascript和canvas画月半弯,月半弯好浪漫!浏览器须支持html5查看效果:http://keleyi.com/a/bjad/8xqdm0r2.htm以下是代码: 1 2 3 4 使用javascript和canvas画月半弯-柯乐义 5 8 9 10 使用javascript和canvas画月半弯·柯乐义 11 12 57 58 web前端:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
HTML5 Canvas眨眼睛动画
摘要:效果请看:http://keleyi.com/a/bjad/p9exlcwi.htm请使用支持HTML5的浏览器查看效果。以下是代码: 3 4 5 6 7 8 web前端:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
仿腾讯QQ竖直滑动导航菜单
摘要:菜单就像qq软件的分组,鼠标经过自动显示相应组的内容。效果体验网址:http://keleyi.com/a/bjad/nf86w2dv.htm以下是源代码: 1 2 3 仿腾讯QQ竖直滑动导航菜单-柯乐义 4 5 56 57 58 59 60 Javascript 61 日期选择输入js控件JS错误引发、捕捉和处理js数组的增删访问排序等操作 62 js桌球小游戏 js实现旋转的3D球体标签云使用js判断是否按下了Shift键 63 js判断鼠标左、中、右键哪个被点击谷歌粘土js特效js获取网址中某个参数的值 64 JSLint介绍JS输入用户名自动显示邮箱后缀...
阅读全文
图片放大镜实例
摘要:点击这里查看效果效果图:以下是代码: 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
阅读全文
js快捷输入日期
摘要:点击这里查看效果http://keleyi.com/keleyi/phtml/jstexiao/10.htm以下式代码: 1 2 3 4 5 js快捷输入日期-柯乐义 6 18 19 20 21 22 日期选择控件:23 24 25 26 27 原文28 29 30 47 48 49 点击这里下载源码原文:http://keleyi.com/a/bjad/tw09x2nt.htmweb前端:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
js实现web网页版台球游戏
摘要:js桌球小游戏在线试玩地址:http://keleyi.com/game/13/游戏截图:完整代码,保存到html文件可以试玩: 1 2 3 4 5 js实现web页面台球游戏特效 - 柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 来源:柯乐义 更多游戏 原文 适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 24 25 转载自:http://keleyi.com/a/bjad/mroxdkos.htmweb前端:http://www.cnblogs.com/...
阅读全文
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 ...
阅读全文
祝大家圣诞节快乐!
摘要:在圣诞节来临之际,分享这份网页的代码,祝愿大家圣诞节快乐!点击这里查看效果以下是源代码,可以保存到html文件打开看效果: 1 2 3 4 5 柯乐义祝大家圣诞节快乐! 6 7 8 9 10 16 17 18 42 43 49 50 51 52 53 54 55 56 57 原文58 59 转载自:http://keleyi.com/a/bjac/iqiiedy2.htmweb前端:http://www.cnblogs.com/jihua/p/webfront.html更多节日网页
阅读全文
无限级ddsmoothmenu菜单实例
摘要:点击这里查看效果以横向ddsmoothmenu下来菜单为例,以下是实现代码: 1 2 3 4 5 6 Item 1 7 Folder 0 8 9 Sub Item 1.110 Sub Item 1.211 Sub Item 1.312 Sub Item 1.413 Sub Item 1.214 Sub Item 1.315 Sub Item 1.416 17 18 Folder 119 20 Sub Item 1.121 Sub Item 1.222 Sub Item 1.323 Sub Item 1.424 Sub Item 1.225 Sub Item 1.326 Sub It...
阅读全文
JS全屏漂浮广告、移入光标停止移动
摘要:点击这里查看效果以下是代码: 1 2 3 4 5 JS全屏漂浮广告-柯乐义 6 9 10 11 12 13 JS全屏漂浮广告,移入光标停止移动·柯乐义原文14 15 我是广告keleyi.com16 44 45 转载自:http://keleyi.com/a/bjac/ara6jk5h.htmhttp://www.cnblogs.com/jihua/p/webfront.html
阅读全文
keleyi菜单0.1.5版本发布了
摘要:keleyi菜单是一个让你轻松创建向上弹出菜单的jquery插件。最新版本0.1.5增加了显示三角形的功能,当一级菜单包含有子菜单时,会在一级菜单的右侧显示一个小三角形。如图所示:查看例子:http://keleyi.com/keleyi/下载地址:http://files.cnblogs.com/jihua/jquerymenu.rarkeleyi菜单帮助
阅读全文
向上弹出菜单jQuery插件
摘要:插件名:柯乐义英文名:Keleyijs文件名称:jquery.keleyi.js插件功能:该插件可以让你轻易地在页面上构建一个向上弹出的二级菜单。示例查看:http://keleyi.com/keleyi/更多示例:0123456789101112从示例可以看出,Keleyi这个菜单插件使用方便,可以灵活自定义多种样式,包括颜色,位置,菜单项宽度等等。下面给出一个示例的HTML文件代码: 1 2 3 4 Keleyi(jQuery Menu Plugin) - keleyi.com 5 6 7 14 15 16 Keleyi17 A jQuery Menu Plugin 18 19...
阅读全文
jQuery拉开关闭帷幕
摘要:查看效果:http://keleyi.com/keleyi/phtml/jqtexiao/7.htmHTML文件代码: 1 2 3 4 5 jQuery拉开关闭帷幕--柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 原文19 20 原文:http://keleyi.com/a/bjac/bqii05en.htmWeb前端资源:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
javascript俄罗斯方块游戏
摘要:在线试玩:http://keleyi.com/game/5/操作指南:键盘方向键←→控制左右移动,↑键变形,↓键快速下落。别看这段js代码只有短短的100多行,效果却非常不错,用键盘的方向键操作,向上键是变形,赶紧试试。把下面代码保存到html文件,打开就可以。 1 俄罗斯方块-柯乐义 2 3 原文 4 原文:http://keleyi.com/a/bjac/600xsi0s.htmweb前端:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
js鼠标滚轮滚动图片切换效果
摘要:效果体验网址:http://keleyi.com/keleyi/phtml/image/12.htmHTML文件代码: 1 2 3 4 5 6 7 js鼠标滚轮滚动图片切换效果-柯乐义 8 9 22 23 24 25 26 27 28 29 柯乐义30 31 32 33 基于鼠标滚轮驱动的图片切换效果34 35 36 37 柯乐义38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 把光标停在图片上,转动鼠标滚轮就可以切换图片,也可以拖动下方水平的滚动条,也可以点击非顶端的图片切换到对应图。55 56 57 Powered by k...
阅读全文