HTML5 - 随笔分类(第2页) - roucheng

前端学习学习再学习

摘要：译注：本文翻译自谷歌工程师 Philip Walton 的一篇博客。看过之后非常有感触，很多观点都是自己长期非常坚持和认同的，所以翻译出来分享给更多的前端同学！最近我收到一封读者来信让我陷入了思考，信是这么写的：Hi Philip，您是否介意我问，您是如何成为一名卓越 (great) 的前端工程师的阅读全文

posted @ 2016-04-18 15:51 roucheng 阅读(830) 评论(0) 推荐(2)

input placeholder属性IE、360浏览器兼容性问题

摘要：效果：http://hovertree.com/texiao/jquery/43/ 效果二：http://hovertree.com/texiao/jquery/43/1/ 请在IE中体验。 1、创建JS文件：jquery.JPlaceholder.js js代码如下： 2、页面中使用方法如下：实阅读全文

posted @ 2016-04-14 21:01 roucheng 阅读(6742) 评论(2) 推荐(1)

HTML5火焰文字特效DEMO演示

摘要：效果展示：http://hovertree.com/texiao/html5/26/效果图：扫描二维码查看效果：或者关注微信公众号 ihewenqi ,发送我或者张国荣，可以查看效果。代码如下：转自：http://hovertree.com/h/bjaf/xmrvjvng.htm On 阅读全文

posted @ 2016-03-31 16:33 roucheng 阅读(1145) 评论(0) 推荐(0)

使用canvas实现擦玻璃效果

摘要：体验效果:http://hovertree.com/texiao/html5/25/效果图：代码如下：关注微信公众号何问起，账号ihewenqi ，或者微信扫描下面二维码关注。然后发送"橡皮擦"查看效果。参考：使用CSS实现图片磨砂玻璃效果转自：http://hovertree.com/h/ 阅读全文

posted @ 2016-03-28 09:20 roucheng 阅读(2663) 评论(0) 推荐(0)

墙裂推荐4款js网页烟花特效

摘要：

阅读全文

posted @ 2016-03-24 01:45 roucheng 阅读(3383) 评论(0) 推荐(0)

再次推荐一款逼真的HTML5下雪效果

摘要：效果图：效果描述：之前推荐过一款下雪的jQuery插件之前的那款下降速度比较缓慢，今天推荐的这个下降速度比较快，大雪哇使用方法：1、将index.html中的样式复制到你的样式表中2、将body中的代码部分拷贝到你需要的地方(注意保持图片、js文件路径的正确性)查看效果：http://hovertr 阅读全文

posted @ 2016-03-22 04:54 roucheng 阅读(3433) 评论(0) 推荐(0)

HTML5播放暂停音乐

摘要：查看效果：http://hovertree.com/code/jquery/ueyf7gn4.htm 代码如下：更多特效：http://www.cnblogs.com/roucheng/p/texiao.html 阅读全文

posted @ 2016-03-19 23:43 roucheng 阅读(1722) 评论(0) 推荐(0)

Javascript贪食蛇小游戏

摘要：试玩：http://hovertree.com/game/9/ 贪吃蛇是一种风靡全球的小游戏，就是一条小蛇，不停地在屏幕上游走，吃各个方向出现的蛋，越吃越长。只要蛇头碰到屏幕四周，或者碰到自己的身子，小蛇就立即毙命。和别的游戏不同，贪食蛇是一个悲剧性的游戏。许多电子游戏都是打通关到底，游戏操作者以胜阅读全文

posted @ 2016-03-18 01:27 roucheng 阅读(893) 评论(0) 推荐(0)

JS检查是否支持Storage

摘要：查看效果：http://hovertree.com/code/html5/q69kvsi6.htm 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" 阅读全文

posted @ 2016-03-03 20:36 roucheng 阅读(695) 评论(0) 推荐(0)

html5数字和颜色输入框

摘要：html5功能强大，数字和颜色输入框例子效果：http://hovertree.com/code/html5/rxujb6g8.htm 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="te 阅读全文

posted @ 2016-02-26 17:12 roucheng 阅读(2291) 评论(0) 推荐(0)

jQuery+HTML5弹出创意搜索框层

摘要：效果体验：http://hovertree.com/texiao/jquery/26/本效果适用于移动设备，可以使用手机等浏览效果。代码下载：http://hovertree.com/h/bjaf/e14uccpw.htmHTML代码如下： 1 <!doctype html> 2 <html lan 阅读全文

posted @ 2016-01-28 23:00 roucheng 阅读(9302) 评论(0) 推荐(0)

前端基本功之选择题

摘要：对HTML5以下描述中错误的是（）以下关于video元素描述错误的是（）若要在网页中插入样式表style.css,以下用法中，正确的是（）。以下可以在html页面中显示“<”的是（）。 A. It;B. &Lt;C. &ItD. < 请使用HTML解码工具：http://tool.hove 阅读全文

posted @ 2016-01-28 19:26 roucheng 阅读(1313) 评论(0) 推荐(0)

html5手机端的点击弹出侧边滑动菜单代码

摘要：效果预览：http://hovertree.com/texiao/html5/19/本效果适用于移动设备，可以使用手机等浏览效果。源码下载：http://hovertree.com/h/bjaf/mwvn0mxi.htm本实例用到了toggleClass方法，请参考:http://hovertree 阅读全文

posted @ 2016-01-27 17:56 roucheng 阅读(15544) 评论(0) 推荐(0)

纯css3手机页面图标样式代码

摘要：全部图标：http://hovertree.com/texiao/css/19/先看效果：或者点这里：http://hovertree.com/texiao/css/19/hoverkico.htm简洁代码如下：完整代码： 1 2 3 4 5 纯CSS3图标 - 何... 阅读全文

posted @ 2016-01-21 17:59 roucheng 阅读(4128) 评论(1) 推荐(0)

纯css3天气动画场景特效

摘要：CSS3超强大，以下是纯用CSS3+HTML实现的场景效果图：查看效果：http://hovertree.com/h/bjaf/cssrotate.htmcss3 3d展示中rotate（）介绍与简单实现参考：http://hovertree.com/h/bjaf/5cl7svum.htm更多：ht... 阅读全文

posted @ 2016-01-17 15:41 roucheng 阅读(2812) 评论(0) 推荐(0)

CSS3+jQuery实现时钟插件

摘要：查看效果：http://hovertree.com/texiao/hoverclock/demo4.htm 本插件使用方便，可以在博客园的页面中使用，请看本页面右侧：http://www.cnblogs.com/roucheng/p/css3clock.html 简洁代码如下：效果图图下：完整代阅读全文

posted @ 2016-01-07 19:40 roucheng 阅读(8129) 评论(3) 推荐(1)

HTML5知识初级题目

摘要：在 HTML5 中，onblur 和 onfocus 是：在 HTML5 中，哪个元素用于组合标题元素？HTML5 中不再支持下面哪个元素？HTML5 中不再支持下面哪个元素？HTML5 之前的 HTML 版本是？HTML5 的正确 doctype 是？来源：http://hovertree.com... 阅读全文

posted @ 2015-12-29 08:59 roucheng 阅读(1752) 评论(1) 推荐(0)

强大的自适应jQuery焦点图特效

摘要：jQuery焦点图切换自适应效果自适应jQuery焦点图特效是一款支持移动端的响应式jQuery焦点图插件，支持flexible布局，支持移动触摸事件等。今天我们要来分享一款很灵活的jQuery焦点图插件，和以前介绍的jQuery焦点图动画类似，它也提供左右切换按钮，同时在图片上悬浮自定义图片切换按... 阅读全文

posted @ 2015-12-16 22:37 roucheng 阅读(2388) 评论(0) 推荐(0)

HTML5小游戏之见缝插针

摘要：今天给大家带来的就是一款叫做《见缝插针》的游戏。有空你就往里插，直到你无处可插！看你能过多少关！简洁大气黑白搭配游戏画面非常的简洁，米白色的背景中央，放置着一个不断旋转的太阳状的球体，周边网状似的放射连接着许多小球，又有点宇宙中星球的感觉，所有球体均以黑色为主，与米白色的背景产生出了鲜明的对比，在... 阅读全文

posted @ 2015-12-16 12:12 roucheng 阅读(6556) 评论(1) 推荐(0)

html5人物图片360度立体旋转

摘要：体验效果：http://hovertree.com/texiao/html5/10.htm下载：http://hovertree.com/hvtart/bjae/t16oddyt.htm代码如下：Full 360 degree View - HoverTree360度旋转产品展示首页特效原文点击... 阅读全文

posted @ 2015-12-15 13:17 roucheng 阅读(3643) 评论(0) 推荐(0)

roucheng

Rou Cheng

随笔分类 - HTML5

公告