摘要: 提到边框重合,我们不妨打开淘宝首页浏览主体分类内容板块瞧瞧---亲,你看到了,正是这个,边框重合。其实我们不难发现,这个效果并不难,只是我们没有真正的动手做过而已,所以不知道怎么做,那么下面就是一个很好的实践,就让我们来谈谈用ul li如何实现边框重合,并附带鼠标经过效果。最终效果图:代码: 1 2 3 4 5 12 13 14 15 116 217 318 419 520 621 722 823 924 ... 阅读全文
posted @ 2014-03-13 19:40 紫心地瓜 阅读(10549) 评论(2) 推荐(2) 编辑
摘要: 这是很久以前写的一个效果了,之前虾米音乐网首页的一个flash效果,最初觉得这flash效果也可以完全用jq来写,于是空余时间就写了下当作练习吧,现在就拿出来跟大家分享下其中的实现原理!先上最终效果图:特点:1、鼠标经过动态创建元素2、判断鼠标经过每行的最后二个改变方向代码: ... 阅读全文
posted @ 2014-03-12 20:45 紫心地瓜 阅读(449) 评论(0) 推荐(0) 编辑
摘要: jq各种插件层出不穷,当然幻灯片插件也不例外,于是本人也自已写了一款,对于目前所做项目来说,足够用了,slideV1.0插件使用很简单,配置如下:1、三种按钮类型接口选择(默认类型、数字类型、缩略图类型)2、三种动画类型接口选择(渐变、上下、左右)3、二种事件类型选择(点击、鼠标经过)4、动画速度5、动画间隔时间6、是否自动切换7、是否显示左右按钮8、当前状态按钮类名可配置9、左按钮类名可配置10、右按钮类名可配置11、是否显示标题提供多种常用参数:defaults = { numType: 0, //是否显示数字0(默认)、1(数字类... 阅读全文
posted @ 2014-03-11 21:14 紫心地瓜 阅读(608) 评论(0) 推荐(0) 编辑
摘要: 弹出层效果很多网站上都用到,今天就整理最近项目里用到的一个小效果,点击折叠弹出一个层给用户填写信息。弹出层代码都是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. 阅读全文
posted @ 2014-03-11 20:28 紫心地瓜 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 短短的十多行代码就实现了一个酷炫的图片翻滚代码,要实现这个效果并不难,只要思路对了,一切都好办,不多说了,直接上代码看效果!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... 阅读全文
posted @ 2014-03-11 20:09 紫心地瓜 阅读(938) 评论(0) 推荐(0) 编辑