摘要：
上班的时候无聊之极，顺手找到的喜洋洋的一张图片想着温习一下cnavas的使用方法，毕竟这个是html5提供的一个非常强大的属性配合着js，居然能实现那么多牛逼的功能，算是开眼了撒canvas功能确实强大，配合着js即可实现缺点是需要一点点的找到每个像素的定位，然后一一赋值颜色代码，需要极大的耐心知识... 阅读全文
摘要：
1、干净漂亮的多级下拉菜单导航下载地址：http://www.lanrenzhijia.com/nav/1523.html预览地址：http://www.lanrenzhijia.com/demo/1109/nav/2、jquery动感下拉导航菜单下载地址：http://www.lanrenzhijia.com/nav/1527.html预览地址：http://www.lanrenzhijia.com/demo/1110/nav/3、jquery动感下拉导航菜单2下载地址：http://www.lanrenzhijia.com/nav/1534.html预览地址：http://www.lanr 阅读全文
摘要：
前面一段时间在做一个比较大的项目的前端，当然也比较忙，当中遇到一个问题，今天不得不提一下。 这个项目是一个比较大的网站，里面用到的前端效果特别多，一层嵌套一层。有一些效果本人是在网上找到后修改下放进去的，因为比较懒，不太想自己写。但有的时候也比较恼火，明明一个很简单的效果，为什么确要用那么多代码去实现呢，本人的原则是，能用一行代码实现的就不要用两行去做，何必呢？ 今天给大家特别推荐一个效果，其实jquery几行代码就会了，初学者都能看懂，也是网页中比较常用的。 这个效果常常放到网页左下角，默认只显示一点点，点击后显示全部，再点击折叠，相当于推荐内容的效果。 实现起来也很简单，截图如... 阅读全文
摘要：
1、横向（纵向）时间轴tab标签切换和水平（垂直）下载地址：http://www.lanrenzhijia.com/tab/2362.html2、tab标签样式焦点图切换代码下载地址：http://www.lanrenzhijia.com/tab/2230.html3、多种不同方向风格的tab标签切换效果下载地址：http://www.lanrenzhijia.com/tab/2206.html4、多层tab标签嵌套支持无连接分类下载地址：http://www.lanrenzhijia.com/tab/2180.html5、js简易选项卡下载地址：http://www.lanrenzhijia 阅读全文
摘要：
一款从国外网站翻译过来的非常不错的 时间日期代码，漂亮的UI设计效果，类似手机桌面时间翻动效果。支持左右切换，下一屏是当地天气预报，附件支持.net和PHP两种天气预报代码，方便修改使用 预览地址： http://www.lanrenzhijia.com/demo/1212/time/ 下载地址： http://www.lanrenzhijia.com/time/1959.html一款从国外网站翻译过来的非常不错的 时间日期代码，漂亮的UI设计效果，类似手机桌面时间翻动效果。支持左右切换，下一屏是当地天气预报，附件支持.net和PHP两种天气预报代码，方便修改使用 预览地址： http://w 阅读全文
摘要：
js模拟系统右键效果，在网页中右击鼠标，弹窗类似windows桌面上右击类似效果截图如下：在线预览地址：http://www.lanrenzhijia.com/demo/1221/nav/下载地址：http://www.lanrenzhijia.com/nav/2061.html部分JS代码：var getOffset = {top: function (obj) {return obj.offsetTop + (obj.offsetParent ? arguments.callee(obj.offsetParent) : 0) },left: function (obj) {return o 阅读全文
摘要：
1、jquery+css3实现的图片墙效果很beautiful的一个图片墙效果，鼠标可直接拖动叠加提醒：请使用支持CSS3的浏览器，IE9等同类别版本即可，IE8及以下版本不支持建议在最新版的火狐浏览器下浏览最佳预览地址：http://www.lanrenzhijia.com/yulan/61/2、CSS3仿Windows 7的开始菜单纯CSS3实现的，仿windows系统开始菜单。记住，只能在高版本（支持CSS3）的浏览器下才能正常运行的哦预览地址：http://www.lanrenzhijia.com/yulan/169/3、jquery+css3实现图片水中倒影效果利用jquery特效， 阅读全文
摘要：
1、jquery+css3实现的图片墙效果很beautiful的一个图片墙效果，鼠标可直接拖动叠加提醒：请使用支持CSS3的浏览器，IE9等同类别版本即可，IE8及以下版本不支持建议在最新版的火狐浏览器下浏览最佳预览地址：http://www.lanrenzhijia.com/yulan/61/2、CSS3仿Windows 7的开始菜单纯CSS3实现的，仿windows系统开始菜单。记住，只能在高版本（支持CSS3）的浏览器下才能正常运行的哦预览地址：http://www.lanrenzhijia.com/yulan/169/3、jquery+css3实现图片水中倒影效果利用jquery特效， 阅读全文
摘要：
今天给大家介绍一款CSS3实现的水中漂船的效果，乍一看像flash动画做的，其实呢？是我们强大的CSS3哇模拟船动的效果，水中波浪的效果，云彩同样也能实现飘动效果，截图如下：部分代码： <div class="container"> <header><h1>Animated Web Banners With CSS3</h1><h2>Exploring ways to spice up our web banners with CSS3 animations.</h2><p class=" 阅读全文
摘要：
多页签切换效果，图片缩放，鼠标移动到图片上后显示文字内容等等，效果很集中呐截图如下：下载地址：http://www.lanrenzhijia.com/js/css3/2012/0718/602.html预览地址：http://www.lanrenzhijia.com/yulan/284/ 阅读全文