随笔分类 -  HTML5

美食网站响应式精美模板
摘要:本模板为自适应宽度模板,可兼容PC,手机等多种环境,适应不同屏幕大小宽度。预览图片:进入下载页:http://hovertree.com/h/bjaf/bnbpkr9p.htm效果预览http://hovertree.com/texiao/muban/1/ 转自:http://hovertree.c 阅读全文
posted @ 2016-02-07 00:15 计划 阅读(1553) 评论(0) 推荐(0) 编辑
html5手机端遮罩弹出菜单代码
摘要:效果体验:http://hovertree.com/texiao/html5/17/效果图:代码如下: 1 2 3 4 5 6 7 jQuery比bootstrap效果还帅的响应式模态窗口插件 - 何问起 8 9 10 11 12 13 14 15 16 17 18 19 20 2... 阅读全文
posted @ 2016-01-26 22:43 计划 阅读(3568) 评论(0) 推荐(0) 编辑
Html5绘制饼图统计图
摘要:这里要介绍的是一个jQuery插件:jquery.easysector.jsHtml5提供了强大的绘图API,让我们能够使用javascript轻松绘制各种图形。本文将主要讲解使用HTML5绘制饼图(统计图)的方法。先看一下饼图效果:http://hovertree.com/texiao/easys... 阅读全文
posted @ 2016-01-14 13:34 计划 阅读(4955) 评论(0) 推荐(0) 编辑
祝圣诞节快乐好运气!
摘要:圣诞节到了,祝大家圣诞快乐!模拟抽奖体验效果:http://hovertree.com/texiao/jquerytree/3/效果图如下:祝大家圣诞节快乐!http://www.cnblogs.com/jihua/p/Chrismas.html代码如下:jquery随机抽奖 - 何问起随机抽奖第三... 阅读全文
posted @ 2015-12-25 13:31 计划 阅读(569) 评论(0) 推荐(0) 编辑
JS+HTML5的Canvas画图模拟太阳系运转
摘要:查看效果:http://hovertree.com/texiao/html5/9.htm地球自传http://hovertree.com/texiao/html5/8.htm代码如下:HTML5模拟太阳系八大行星公转 - 何问起HTML5模拟太阳系八大行星公转首页特效原文打火机地球转动您的浏览器不支... 阅读全文
posted @ 2015-12-13 11:27 计划 阅读(6512) 评论(0) 推荐(0) 编辑
今天大雪 看雪花飘落HTML5特效
摘要:今天大雪,弄一个下雪的特效。html5飘落的雪花堆积动画特效查看效果:http://hovertree.com/texiao/js/snow.htm以下是完整源代码,保存到HTML文件也可以看效果:下雪了,我们去堆雪人好吗? - 何问起下雪了,我们去堆雪人好吗?您的浏览器不支持播放音乐。请用支持ht... 阅读全文
posted @ 2015-12-07 12:34 计划 阅读(5956) 评论(7) 推荐(2) 编辑
使用CSS把ul,li制作成表格
摘要:查看效果:http://hovertree.com/texiao/css/7.htm具体实现请看样式部分。完整代码:使用CSS把ul,li制作成表格-何问起何问起使用CSS把ul,li制作成表格首页网站地图HoverTreeCMS特效CMS在线预览jQuery图片列表鼠标经过遮罩显示文字原文 web... 阅读全文
posted @ 2015-12-02 02:54 计划 阅读(5966) 评论(0) 推荐(0) 编辑
手机底部导航栏完整代码
摘要:效果体验:http://hovertree.com/texiao/mobile/5.htm可以使用手机浏览器查看体验效果。以下是手机底部导航栏完整代码,HTML文件代码:手机底部导航栏 - 何问起何问起首页特效ASP.NET源码下载原文柯乐义首页CSS3旋转工具jQueryHoverTree谜语看图... 阅读全文
posted @ 2015-11-19 01:28 计划 阅读(31832) 评论(1) 推荐(0) 编辑
CSS背景图拉伸不变形
摘要:在线效果体验:http://hovertree.com/texiao/mobile/3.htm请使用手机浏览器查看。css代码:.bg{ background:url(http://hovertree.com/texiao/mobile/3/hovertree01.jpg); filter:"p... 阅读全文
posted @ 2015-08-02 14:55 计划 阅读(27709) 评论(0) 推荐(0) 编辑
HTML5漂亮实用的电子书
摘要:效果体验:http://hovertree.com/texiao/html5/2.htm点击这里下载支持多种系统Mac,PC,Android,iPhone,iPad和Windows Phone支持多种浏览器:IE,Chrome,火狐,Opera,Safari和UC浏览器。web前端汇总:http:/... 阅读全文
posted @ 2015-06-10 17:11 计划 阅读(3637) 评论(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 计划 阅读(10764) 评论(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 计划 阅读(956) 评论(0) 推荐(0) 编辑
基于HTML5 Canvas实现的图片马赛克模糊特效
摘要:效果请点击下面网址:http://hovertree.com/texiao/html5/1.htm一、开门见山受美国肖像画家Chuck Close的启发,此脚本通过使用HTML5 canvas元素把图像转换成像素形式,这基本上是一个为canvas imageData功能的简单演示。此脚本现存于Git... 阅读全文
posted @ 2015-04-11 20:22 计划 阅读(2294) 评论(0) 推荐(0) 编辑
程序员用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 计划 阅读(25641) 评论(6) 推荐(2) 编辑
HTML5树叶飘落动画
摘要:查看效果:http://keleyi.com/keleyi/phtml/css3/15.htm请使用Chrome浏览器查看本效果。html源代码:HTML5树叶飘落动画-柯乐义首页 特效库 原文 请使用Chrome浏览器查看本页。落红不是无情物转载自:http://keleyi.com/a/bjae... 阅读全文
posted @ 2015-01-15 22:56 计划 阅读(9252) 评论(0) 推荐(0) 编辑
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 计划 阅读(2106) 评论(1) 推荐(0) 编辑
ios页面过渡效果插件Kontext
摘要:效果体验:http://keleyi.com/keleyi/phtml/html5/28.htm以下是代码:模拟苹果ios系统页面过渡效果插件-柯乐义整屏切换切换请点击页面下方原点或使用键盘方向键。请使用支持HTML5的浏览器查看本页 首页 原文第二层第三层web前端资源:http://www.cn... 阅读全文
posted @ 2014-12-26 11:14 计划 阅读(1830) 评论(0) 推荐(0) 编辑
鼠标悬停显示CSS3动画边框
摘要:效果体验:http://keleyi.com/keleyi/phtml/css3/14.htm以下是代码: 1 2 3 4 5 CSS3鼠标悬停显示动画边框-柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 请使用支持HTML5的浏览... 阅读全文
posted @ 2014-12-25 11:55 计划 阅读(6249) 评论(1) 推荐(0) 编辑
提交留言HTML模板代码
摘要:提交留言-hovertree提交留言 标题:内容:留言者:HoverTree © 2014 keleyi.com 转载自:http://keleyi.com/a/bjad/0iui39qc.htmWeb前端资源汇总:http://www.cnblogs.com/jihua/p/webfro... 阅读全文
posted @ 2014-12-17 23:48 计划 阅读(8632) 评论(0) 推荐(0) 编辑
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 计划 阅读(4549) 评论(0) 推荐(0) 编辑