紫心地瓜

摘要： 提到边框重合，我们不妨打开淘宝首页浏览主体分类内容板块瞧瞧---亲，你看到了，正是这个，边框重合。其实我们不难发现，这个效果并不难，只是我们没有真正的动手做过而已，所以不知道怎么做，那么下面就是一个很好的实践，就让我们来谈谈用ul li如何实现边框重合，并附带鼠标经过效果。最终效果图：代码： 1 2 3 4 5 12 13 14 15 116 217 318 419 520 621 722 823 924 ... 阅读全文

摘要： 这是很久以前写的一个效果了，之前虾米音乐网首页的一个flash效果，最初觉得这flash效果也可以完全用jq来写，于是空余时间就写了下当作练习吧，现在就拿出来跟大家分享下其中的实现原理！先上最终效果图：特点：1、鼠标经过动态创建元素2、判断鼠标经过每行的最后二个改变方向代码： ... 阅读全文

摘要： jq各种插件层出不穷，当然幻灯片插件也不例外，于是本人也自已写了一款，对于目前所做项目来说，足够用了，slideV1.0插件使用很简单，配置如下：1、三种按钮类型接口选择（默认类型、数字类型、缩略图类型）2、三种动画类型接口选择（渐变、上下、左右）3、二种事件类型选择（点击、鼠标经过）4、动画速度5、动画间隔时间6、是否自动切换7、是否显示左右按钮8、当前状态按钮类名可配置9、左按钮类名可配置10、右按钮类名可配置11、是否显示标题提供多种常用参数：defaults = { numType: 0, //是否显示数字0(默认)、1(数字类... 阅读全文

摘要： 弹出层效果很多网站上都用到，今天就整理最近项目里用到的一个小效果，点击折叠弹出一个层给用户填写信息。弹出层代码都是jq动态创建，每个人写法都不一样，需求也不一样，所有选择符合自已的即可。html：我要报名css: *{ margin:0; padding:0;} body{ font:14px 'Microsoft YaHei'; color:#555;} li{ list-style:none;} .layer_bg{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-ind. 阅读全文

摘要： 短短的十多行代码就实现了一个酷炫的图片翻滚代码，要实现这个效果并不难，只要思路对了，一切都好办，不多说了，直接上代码看效果！html结构： 1 2 3 4 5 6 7 8 css代码： *{ margin:0; padding:0;} .list{ width:640px; margin:100px auto; border:1px solid #ddd; overflow:hidden;} .list li{ float:left; width:1... 阅读全文