随笔分类 - HTML5
摘要：效果体验：http://hovertree.com/texiao/jquery/93/竖直的主菜单贴着页面左侧，当光标移入菜单项时，以3D动画的方式弹出对应的二级菜单。采用jQuery和CSS3实现。支持Chrome，火狐，Edge等浏览器。效果图：代码如下： 对于代码中的jQuery事件，可以使用
阅读全文
摘要：以前制作网页动画一般使用javascript，现在已经有越来越多动动画使用纯CSS实现，并且动画的控制也可以使用CSS3实现，因为CSS 3来了，CSS 3的动画功能确实强大。以下是一个纯CSS3制作的风车旋转动画，而且也用CSS 3控制速度。体验效果：http://hovertree.com/te
阅读全文
摘要：这是一个使用了CSS3立体效果的强大特效，本特效使用jQuery跟CSS3 transform来实现在用户鼠标按下拖动时，环形图片墙可以跟随鼠标进行3D旋转动画。效果体验：http://hovertree.com/texiao/jquery/92/进去后可以上下左右的拖动图片。本示例中使用到了CSS
阅读全文
摘要：在 HTML 语言中，以下哪个属性不是通用属性？A]<class>B]<title>C]<href>D]<style> 在线练习：http://hovertree.com/tiku/bjaf/qi1g37nf.htm 在 CSS 样式定义中，以下哪种 RGB 颜色值是 Web 安全色？A]#1111
阅读全文
摘要：常用前端手册： http://caniuse.com/ http://www.w3school.com.cn/ http://www.runoob.com/ http://www.css88.com/ 预编译官网： http://www.1024i.com/demo/less/ http://les
阅读全文
摘要：这系列文章主要是学习Html5相关的知识点，以学习API知识点为入口，由浅入深的引入实例，让大家一步一步的体会"h5"能够做什么，以及在实际项目中如何去合理的运用达到使用自如，完美驾驭O(∩_∩)O~ 先出一道题目：以下不是HTML5新增的API是 http://hovertree.com/tiku
阅读全文
摘要：HTML经过10多年的发展，其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用，HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。http://hovertree.com/menu/html5/ 图形绘制新元素 标签描述 <canvas> 标签定义图形
阅读全文
摘要：HTML5简介 HTML5是HTML的最新修订标准。2014年10月29日，万维网联盟（W3C）宣布，经过8年的努力，HTML5标准规范制定完成。 HTML5的设计目的是在移动设备上使用多媒体。 HTML5简单易学。 http://hovertree.com/menu/html5/ 什么是HTML5
阅读全文
摘要：jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果，文字在上面移动时，就像是文字投影到墙壁上，在转角出会改变运动方向。效果展示 http://hovertree.com/texiao/jquery/83/效果图如下：完整HTML代码如下： 推荐：http://hovertre
阅读全文
摘要：脚本简介 HTML5 Canvas彩色小球碰撞运动特效是一款基于canvas加面向对象制作的运动小球动画特效。 效果展示 http://hovertree.com/texiao/html5/39/ 效果图如下：代码如下： <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要：HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储html5 web storage的浏览器支持判断要判断浏览器是否支持localStorage可以使用下面的代码：if(windo
阅读全文
摘要：效果：http://hovertree.com/texiao/css3/21/本文所用到的CSS知识请点击效果展示也中第一和第二个链接。代码： 转自：http://hovertree.com/h/bjaf/rnqpxtsq.htm 特效库：http://www.cnblogs.com/rouchen
阅读全文
摘要：在线试玩：http://hovertree.com/texiao/html5/33/ html5利用canvas写的一个js版本的捕鱼，有积分统计，鱼可以全方位移动，炮会跟着鼠标移动，第一次打开需要鼠标移出背景图，再移入的时候就可以控制炮的转动，因为是用的mouseover触发的。效果图：源码下载：
阅读全文
摘要：效果图： 是不是比默认的好看多了，个人的审美观应该还是可以的。 当然我们可以在这里查看DEMO演示。 接下来我们一起来看看实现这款美化版Checkbox的源代码。主要思路是利用隐藏原来的checkbox和radiobox，用一个div来模拟checkbox/radiobox，并使用jQuery来完成
阅读全文
摘要：返回目录 http://hovertree.com/h/bjaf/html5zixueji.htm 一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义 元素实例: <div> 和 <span> - 无需考虑内容.语义元素实例: <form>, <table>, and <img> - 清楚的定
阅读全文
摘要：体验效果：http://hovertree.com/texiao/jquery/60/图片请用正方形的 参考：http://hovertree.com/h/bjaf/d339euw9.htmhttp://hovertree.com/texiao/jquery/48/代码如下： 转自：http://h
阅读全文
摘要：查看效果：http://hovertree.com/texiao/mobile/10/或者手机扫描二维码查看效果： 效果图：代码如下： 转自：http://hovertree.com/h/bjaf/loucldil.htm 推荐：http://hovertree.com/hvtart/bjae/jf
阅读全文
摘要：从IE9开始DOM开始支持支持CSS的选择器了，DOM提供了两个接口 querySelector 得到一个DOM querySelectorAll 得到一组DOM 一个个的解释这些选择器也没有必要，我们结合前面的数组知识，写一段代码来说明。页面上有一组元素，然后会依据我们数组中的预订选择值选择相应元
阅读全文
摘要：让网页的宽度自适应屏幕<meta name="viewport" content="width=device-width"/> 1）html上加入<meta name="viewport" content=" initial-scale=1.0,user-scalable=no" /> 发确保网页的
阅读全文
摘要：效果查看：http://hovertree.com/texiao/html5/30/ 使用HTML5的canvas画的孙悟空，CSS3画的白云飘飘。 刚擒住了几个妖 又降住了几个魔 魑魅魍魉怎么他就这么多 （嘿嘿！吃俺老孙一棒！） 效果图：代码如下： 转自：http://hovertree.com/
阅读全文
