随笔分类 - web前端
摘要：效果体验：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
阅读全文
摘要：用户登录是许多网站必备的功能。有一种方式就是不管在网站的哪个页面，点击登录按钮就会弹出一个遮罩层，显示用户登录的对话框。这用方式比较灵活方便。而现在扫描二维码登录的方式也是很常见，例如QQ、微信、百度等。现在何问起推荐一个带二维码的登录弹出层，可拖动、关闭，有需要的朋友可以参考一下。体验效果：htt
阅读全文
摘要：在 HTML 语言中，以下哪个属性不是通用属性？A]<class>B]<title>C]<href>D]<style> 在线练习：http://hovertree.com/tiku/bjaf/qi1g37nf.htm 在 CSS 样式定义中，以下哪种 RGB 颜色值是 Web 安全色？A]#1111
阅读全文
摘要：效果展示：http://hovertree.com/texiao/js/35/数字采用漂亮的糖果皮肤设计效果图：代码如下： 转自：http://hovertree.com/h/bjaf/o0yqj1ly.htm 更多特效： http://www.cnblogs.com/roucheng/p/texi
阅读全文
摘要：常用前端手册： http://caniuse.com/ http://www.w3school.com.cn/ http://www.runoob.com/ http://www.css88.com/ 预编译官网： http://www.1024i.com/demo/less/ http://les
阅读全文
摘要：这里延迟加载的意思是，拖动滚动条时，在图片出现在浏览器显示区域后才加载显示。在这之前全部图片都由一张图片代替。节省流量，减轻服务器负担。效果展示 http://hovertree.com/texiao/jqimg/7/请用鼠标或者键盘方向键使页面向下滚动，注意图片的变化。本特效没有使用专门的图片延迟
阅读全文
摘要：简介：jQuery Lightbox图片放大预览代码是一款可以在用户点击页面中的小图片时，将该图片的高清版本以Lightbox的方式放大显示在页面的中间，提高用户的体验度。效果展示 http://hovertree.com/texiao/jqimg/6/效果图如下： 源码下载：http://hove
阅读全文
摘要：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>
阅读全文
摘要：本广告可以是图片也可以是Flash，可以设置自动播放的时间，可以手动停止和重播。效果展示 http://hovertree.com/texiao/jquery/80/源码下载：http://hovertree.com/h/bjaf/8jy44vm8.htm效果图如下：代码如下： 转自：http://
阅读全文
摘要：效果展示 http://hovertree.com/texiao/nav/4/手机扫描二维码查看效果：源码下载 http://hovertree.com/h/bjaf/kroft6c7.htm效果图如下：代码如下： <!doctype html> <html lang="zh"> <head> <m
阅读全文
摘要：效果展示 http://hovertree.com/texiao/nav/3/jQuery漂亮图标的垂直导航菜单 是一款当鼠标滑过菜单项时，会有一个背景遮罩层跟着鼠标移动，效果非常炫酷，图标还是矢量图。源码下载效果图如下：HTML文件代码如下： 转自：http://hovertree.com/h/b
阅读全文
摘要：效果展示 http://hovertree.com/texiao/jquery/77/看惯了左右切换的幻灯片，何问起向您推荐一个新颖的，旋转切换，通过点击按钮的相应区域可以使幻灯片以旋转的方式来切换图片，非常有创意。点击哪个颜色就切换到那个颜色，还带音效。背景图可以自定义。进入源码下载页面 http
阅读全文
摘要：简介：jQuery自定义数值抽奖活动代码是一款点击开始按钮计算机会产生玩家输入范围内的随机数，点击停止按钮，将显示数字最终结果的效果。效果展示 http://hovertree.com/texiao/jquery/76/效果图如下：代码如下： js文件代码如下： 转自：http://hovertre
阅读全文
摘要：效果展示 http://hovertree.com/texiao/css/25/ 本效果适合PC，也适合移动端手机扫描二维码查看效果：效果图：代码如下： 转自：http://hovertree.com/h/bjaf/csswuliu.htm 特效汇总：http://www.cnblogs.com/r
阅读全文
摘要：查看效果：http://hovertree.com/texiao/jquery/75/源代码下载：http://hovertree.com/h/bjaf/8jlpc2wu.htm效果图如下：代码如下： 转自：http://hovertree.com/h/bjaf/sby54kjl.htm 特效汇总：
阅读全文
