随笔分类 - jQuery
摘要：效果体验：http://hovertree.com/texiao/jquery/93/竖直的主菜单贴着页面左侧，当光标移入菜单项时，以3D动画的方式弹出对应的二级菜单。采用jQuery和CSS3实现。支持Chrome，火狐，Edge等浏览器。效果图：代码如下： 对于代码中的jQuery事件，可以使用
阅读全文
摘要：这是一个使用了CSS3立体效果的强大特效，本特效使用jQuery跟CSS3 transform来实现在用户鼠标按下拖动时，环形图片墙可以跟随鼠标进行3D旋转动画。效果体验：http://hovertree.com/texiao/jquery/92/进去后可以上下左右的拖动图片。本示例中使用到了CSS
阅读全文
摘要：用户登录是许多网站必备的功能。有一种方式就是不管在网站的哪个页面，点击登录按钮就会弹出一个遮罩层，显示用户登录的对话框。这用方式比较灵活方便。而现在扫描二维码登录的方式也是很常见，例如QQ、微信、百度等。现在何问起推荐一个带二维码的登录弹出层，可拖动、关闭，有需要的朋友可以参考一下。体验效果：htt
阅读全文
摘要：常用前端手册： http://caniuse.com/ http://www.w3school.com.cn/ http://www.runoob.com/ http://www.css88.com/ 预编译官网： http://www.1024i.com/demo/less/ http://les
阅读全文
摘要：《扫雷》是一款大众类的益智小游戏，于1992年发行。游戏目标是在最短的时间内根据点击格子出现的数字找出所有非雷格子，同时避免踩雷。在线试玩 http://hovertree.com/texiao/game/7/鼠标左键标记非雷格子，右键标记地雷。如果左键点到地雷游戏失败。 这是何问起扫雷成功的一个例
阅读全文
摘要：这里延迟加载的意思是，拖动滚动条时，在图片出现在浏览器显示区域后才加载显示。在这之前全部图片都由一张图片代替。节省流量，减轻服务器负担。效果展示 http://hovertree.com/texiao/jqimg/7/请用鼠标或者键盘方向键使页面向下滚动，注意图片的变化。本特效没有使用专门的图片延迟
阅读全文
摘要：简介：jQuery Lightbox图片放大预览代码是一款可以在用户点击页面中的小图片时，将该图片的高清版本以Lightbox的方式放大显示在页面的中间，提高用户的体验度。效果展示 http://hovertree.com/texiao/jqimg/6/效果图如下： 源码下载：http://hove
阅读全文
摘要：jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果，文字在上面移动时，就像是文字投影到墙壁上，在转角出会改变运动方向。效果展示 http://hovertree.com/texiao/jquery/83/效果图如下：完整HTML代码如下： 推荐：http://hovertre
阅读全文
摘要：本广告可以是图片也可以是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
阅读全文
摘要：一开始做前端页面的时候，接触的也是js，但是随后便被简单高效的jquery吸引过去，并一直使用至今。而js，则被我主观的认为底层技术而抛弃。直到这几天工作需要，研究移动端页面的触屏滑动事件，搜索jquery 的相应技术支持实在繁琐（当然也可能是我对jquery的理解不够），而js只需几步简单定义即可
阅读全文
摘要：效果展示 http://hovertree.com/texiao/nav/3/jQuery漂亮图标的垂直导航菜单 是一款当鼠标滑过菜单项时，会有一个背景遮罩层跟着鼠标移动，效果非常炫酷，图标还是矢量图。源码下载效果图如下：HTML文件代码如下： 转自：http://hovertree.com/h/b
阅读全文
摘要：效果展示 http://hovertree.com/texiao/jquery/77/看惯了左右切换的幻灯片，何问起向您推荐一个新颖的，旋转切换，通过点击按钮的相应区域可以使幻灯片以旋转的方式来切换图片，非常有创意。点击哪个颜色就切换到那个颜色，还带音效。背景图可以自定义。进入源码下载页面 http
阅读全文
摘要：jQuery 基金会刚刚发布了该 JavaScript 框架的 3.0 版本，并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月，其最初目标是在 2.0 版本之上进行完善，并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故，其已经臃肿不堪。
阅读全文
摘要：简介：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 特效汇总：
阅读全文
摘要：在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以复制并粘贴大部分的代码结构，只要专注最主要的逻辑代码就行了。 使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂
阅读全文
摘要：jQuery的开篇声明里有一段非常重要的话：jQuery是为了改变javascript的编码方式而设计的。从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库。jQuery改变javascript编码方式！http://hovertree.com/h/bjaf/ati6k7yk.
阅读全文
摘要：效果：http://hovertree.com/texiao/jquery/71/代码如下： 转自：http://hovertree.com/h/bjaf/n781jmfy.htm 特效汇总：http://www.cnblogs.com/roucheng/p/texiao.html
阅读全文
