随笔分类 -  Javascript

JS的window.location应用实例
摘要:window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。Window Locationwindow.location 对象在编写时可不使用 window 这个前缀。一些例子:location.hostname 返回 web 主机的域名location.pa... 阅读全文
posted @ 2015-11-20 00:38 计划 阅读(3013) 评论(0) 推荐(0) 编辑
Google LOGO现代舞舞蹈动画
摘要:效果预览:http://hovertree.com/texiao/js/5.htm截图:HTML文件代码:google LOGO纪念美国现代舞舞蹈家玛莎·葛兰姆诞辰google LOGO纪念美国现代舞舞蹈家玛莎·葛兰姆诞辰代码整理:HoverTree为纪念美国现代舞舞蹈家玛莎·葛兰姆诞... 阅读全文
posted @ 2015-06-11 17:10 计划 阅读(894) 评论(0) 推荐(0) 编辑
移动端页面侧边导航滑入效果
摘要:效果体验:http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js,该版本的jQuery库是用于支持HTML5的浏览器上,不再兼容IE8以前的浏览器,现在移动端浏览器一般都支持HTML5,所以使用... 阅读全文
posted @ 2015-06-06 13:56 计划 阅读(10759) 评论(0) 推荐(0) 编辑
使用javascript生成的植物显示过程特效
摘要:查看效果:http://keleyi.com/keleyi/phtml/html5/33.htm.NET版本:http://keleyi.com/a/bjac/66mql4bc.htm完整HTML文件代码:使用javascript生成的植物显示过程特效 - 柯乐义首页 原文 特效库 HoverTre... 阅读全文
posted @ 2015-06-05 17:37 计划 阅读(952) 评论(0) 推荐(0) 编辑
JS网站右下角悬浮视窗可关闭广告
摘要:效果体验:http://hovertree.com/texiao/js/4.htm网站右下角悬浮视窗可关闭广告代码,可收缩、展开,关闭,内容区可自定义html,兼容IE8+、FireFox、Chrome、Safari等主流浏览器。广告图片尺寸300x250。使用方法:在head区域引入样式表文件hv... 阅读全文
posted @ 2015-06-04 16:38 计划 阅读(6265) 评论(0) 推荐(0) 编辑
JS实现自适应宽度的Tag切换
摘要:效果体验:http://hovertree.com/texiao/js/3.htm该效果使用纯JavaScript代码,实现TAB页切换效果,TAB标签根据内容自适应宽度,点击TAB标签切换内容页。HTML文件代码:JS实现自适应宽度的Tag切换 - HoverTree标签一标签二自适应宽度的标签第... 阅读全文
posted @ 2015-06-03 15:58 计划 阅读(3987) 评论(0) 推荐(0) 编辑
JavaScript变换表格边框颜色
摘要:效果查看:http://hovertree.com/texiao/js/2.htm代码如下,保存到HTML文件也可以查看效果:表格边框变换颜色代码-何问起首页 更多特效等待,然后注意看边框是不是变色了?本效果链接web前端汇总:http://www.cnblogs.com/jihua/p/webfr... 阅读全文
posted @ 2015-05-07 21:35 计划 阅读(4994) 评论(0) 推荐(0) 编辑
基于HTML5 Canvas实现的图片马赛克模糊特效
摘要:效果请点击下面网址:http://hovertree.com/texiao/html5/1.htm一、开门见山受美国肖像画家Chuck Close的启发,此脚本通过使用HTML5 canvas元素把图像转换成像素形式,这基本上是一个为canvas imageData功能的简单演示。此脚本现存于Git... 阅读全文
posted @ 2015-04-11 20:22 计划 阅读(2289) 评论(0) 推荐(0) 编辑
JS图片自动和可控的轮播切换特效
摘要:点击这里查看效果:http://hovertree.com/texiao/js/1.htmHTML文件代码如下:JS图片自动和可控的轮播切换特效 - 何问起 HoverTree首页 原文特效库杨幂范冰冰高圆圆刘诗诗 转自:http://hovertree.com/hvtart/bjae/f03e85... 阅读全文
posted @ 2015-04-11 10:56 计划 阅读(27080) 评论(7) 推荐(1) 编辑
程序员用HTML5制作的爱心树表白动画
摘要:体验效果:http://keleyi.com/keleyi/phtml/html5/31.htm 推荐:http://hovertree.com/texiao/css3/18/HTML代码如下: web前端资源:http://www.cnblogs.com/jihua/p/webfront.html 阅读全文
posted @ 2015-01-23 15:16 计划 阅读(25553) 评论(6) 推荐(2) 编辑
2015元旦来个炫的html5特效
摘要:效果网址:http://keleyi.com/keleyi/phtml/html5/5.htm代码: 1 2 3 4 2015元旦来个炫的html5特效-柯乐义 5 29 30 31 32 33 首页 原文 特效库 1kb的Javascript能干什么?34 35 36 37 web前端:ht... 阅读全文
posted @ 2015-01-01 12:11 计划 阅读(2105) 评论(1) 推荐(0) 编辑
ios页面过渡效果插件Kontext
摘要:效果体验:http://keleyi.com/keleyi/phtml/html5/28.htm以下是代码:模拟苹果ios系统页面过渡效果插件-柯乐义整屏切换切换请点击页面下方原点或使用键盘方向键。请使用支持HTML5的浏览器查看本页 首页 原文第二层第三层web前端资源:http://www.cn... 阅读全文
posted @ 2014-12-26 11:14 计划 阅读(1825) 评论(0) 推荐(0) 编辑
js圣诞节倒计时网页
摘要:在线预览:http://keleyi.com/keleyi/phtml/jstexiao/17.htm以下是代码: 1 2 3 4 javascript节日倒计时-柯乐义 5 17 86 87 88 89 90 91 99 100 来源:原文 首页 特效库 圣诞快乐1... 阅读全文
posted @ 2014-12-23 00:15 计划 阅读(2507) 评论(0) 推荐(1) 编辑
HTML5有特色的进度条
摘要:查看效果:http://keleyi.com/keleyi/phtml/html5/26.htm完整代码如下: 1 2 3 4 5 HTML5有特色的进度条-柯乐义 6 7 23 24 25 230 231 232 HTML5进度条233 请使用支持HTML5的浏览器查... 阅读全文
posted @ 2014-12-07 08:44 计划 阅读(4542) 评论(0) 推荐(0) 编辑
windows中安装node.js和测试
摘要:首先下载node.js安装包:下载页面:http://down.keleyi.com/goto/node.js.htm选择windows msi安装包,根据自己操作系统选择32位或者64位安装包。然后点击运行,全都下一步就可以了。最后完成安装把这段代码保存到keleyi.js文件:console.l... 阅读全文
posted @ 2014-12-01 17:53 计划 阅读(1281) 评论(0) 推荐(0) 编辑
使用javascript改变图片路径
摘要:效果预览:http://keleyi.com/keleyi/phtml/jstexiao/16.htm代码如下: 1 2 3 4 使用js改变图片-柯乐义 5 13 14 15 使用js改变图片16 请点击按钮 原文17 18 19 20 转载自:http://keleyi.com/a/bja... 阅读全文
posted @ 2014-11-29 23:45 计划 阅读(4904) 评论(0) 推荐(1) 编辑
jQuery仿京东无限级菜单HoverTree
摘要: 阅读全文
posted @ 2014-10-22 14:25 计划 阅读(5234) 评论(0) 推荐(0) 编辑
多级弹出菜单jQuery插件ZoneMenu
摘要:ZoneMenu是一个菜单jQuery插件,只需占用页面上的一个小区域,却可以实现多级菜单。在线体验:http://keleyi.com/jq/zonemenu/点击这里下载完整HTML文件代码:ZoneMenu- jquery pluginZoneMenu DemoZoneMenuKeleyi H... 阅读全文
posted @ 2014-08-05 01:33 计划 阅读(5262) 评论(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) 编辑
程序员用HTML5给女朋友制作的3D相册
摘要:程序员给女朋友用HTML5制作的3D相册,使用鼠标拖拽,能看到3D旋转效果,点击相片,相片能放大,移近。程序员发挥自己的专长,这是那些不懂编程的人望尘莫及的。本相册使用了HTML5的画布技术,需要谷歌浏览器或火狐浏览器等现代浏览器才能正常观看。效果网址:http://keleyi.com/keley 阅读全文
posted @ 2014-05-20 22:10 计划 阅读(37557) 评论(3) 推荐(3) 编辑