2014 年 1月随笔档案 - 计划

带节日和农历的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 ... 阅读全文

posted @ 2014-01-28 17:00 计划阅读(15716) 评论(2) 推荐(0) 编辑

强大css3制作新浪LOGO 胜过PS

摘要：请使用支持CSS3的浏览器查看效果：http://keleyi.com/a/bjad/6lu3dgj8.htm效果图：完整代码如下： 1 2 3 CSS3新浪LOGO-柯乐义 4 224 225 226 查看效果227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 ... 阅读全文

posted @ 2014-01-27 23:47 计划阅读(1126) 评论(0) 推荐(1) 编辑

css3图片模糊过滤效果

摘要：css3图片过滤效果，鼠标放上后其它图片模糊，鼠标所在位置的图片是清淅的，有效索引出当前的图片，对图片的模糊处理是本特效的亮点，你完全可以将模糊的效果应用于其它的图片特效中，你同样也可借此代码研究一下HTML5中的CSS3技术。体验效果：http://keleyi.com/a/bjad/yin8b5eb.htm代码如下： 1 2 3 4 5 css3图片模糊过滤特效-柯乐义 6 41 42 43 css3图片模糊过滤特效·柯乐义44 请使用支持CSS3的浏览器,移动光标到图片上。原文45 46 47 48... 阅读全文

posted @ 2014-01-26 16:00 计划阅读(4090) 评论(0) 推荐(1) 编辑

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

posted @ 2014-01-26 00:02 计划阅读(2275) 评论(1) 推荐(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 计划阅读(11320) 评论(0) 推荐(0) 编辑

低调奢华 CSS3 transform-style 3D旋转

摘要：点击这里查看效果：http://keleyi.com/a/bjad/s89uo4t1.htm效果图：CSS3 transform-style 属性以下是代码：10 11 12 13 transform-style实现Div的3D旋转-柯乐义14 58 59 60 请使用支持CSS3的浏览器原文61 62 63 柯乐义64 keleyi.com65 66 67 68 原文：http://keleyi.com/a/bjad/s89uo4t1.htmweb前端：http://www.cnblogs.com/jihua/p/webfront.html 阅读全文

posted @ 2014-01-21 16:15 计划阅读(4803) 评论(0) 推荐(1) 编辑

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

posted @ 2014-01-20 23:12 计划阅读(2611) 评论(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 计划阅读(3962) 评论(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 计划阅读(1022) 评论(0) 推荐(0) 编辑

仿腾讯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输入用户名自动显示邮箱后缀... 阅读全文

posted @ 2014-01-16 00:57 计划阅读(1358) 评论(0) 推荐(0) 编辑

css制作漂亮彩带导航条菜单

摘要：点击这里查看效果：http://keleyi.com/keleyi/phtml/divcss/17.htm效果图：以下是源代码： 1 2 3 4 5 css制作漂亮彩带导航条菜单-柯乐义 6 7 23 24 25 26 27 28 29 30 31 32 圣诞快乐33 雪花效果34 WinForm35 放大镜36 javaScript37 jQuery38 39 40 41 42 43 44 45 原文... 阅读全文

posted @ 2014-01-14 22:37 计划阅读(3303) 评论(2) 推荐(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 计划阅读(1161) 评论(2) 推荐(0) 编辑

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

posted @ 2014-01-09 17:12 计划阅读(3465) 评论(0) 推荐(1) 编辑

实用CSS3的transform实现多种动画效果

摘要：查看效果：http://keleyi.com/a/bjad/b6x9q8gs.htm以下是代码： 1 2 3 4 5 实用CSS3的transform实现多种动画效果-柯乐义 6 152 153 154 155 156 157 Translate 158 TranslateX 159 TranslateY 160 Rotate 161 Scale 162 ScaleX 163 ScaleY 164 Skew 165 SkewX 166 SkewY 167 Matrix 168 169 170 171 web前端：http://www.cnblogs.... 阅读全文

posted @ 2014-01-08 21:04 计划阅读(4599) 评论(0) 推荐(0) 编辑

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

posted @ 2014-01-05 16:00 计划阅读(3854) 评论(0) 推荐(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 计划阅读(2537) 评论(2) 推荐(1) 编辑