2016年5月19日
【特效】隔行变色
摘要： 隔行变色太简单了，就是用的CSS3 :nth-child() 选择器，但是实际用时总是忘了怎么写的，也总是记不清哪个是奇数，哪个是偶数啊。这里贴出用法，便于以后查看。 选择奇数：:nth-child(odd) 选择偶数：:nth-child(even) 但是IE8是不支持的，所以用jquery控制： 阅读全文
posted @ 2016-05-19 17:18 后知后觉1206 阅读(216) 评论(0) 推荐(0) 编辑
【转载】九宫格抽奖转盘实例
摘要： 文章转载自 剑诩的前端学习笔记 http://blog.cxycs.com/ 原文链接：http://blog.cxycs.com/article/56 工作需要，所以做了个抽奖转盘的插件，当然这里只做最简单的演示。 机制说明： 1、通过定义lottery-unit来控制节点的个数及索引； 2、通过 阅读全文
posted @ 2016-05-19 16:32 后知后觉1206 阅读(347) 评论(0) 推荐(0) 编辑
【特效】复选框的全选、全不选、反选操作
摘要： 顾名思义。 朴素效果截图： html： <div class="con"> <h1>复选框的全选、全不选、反选操作</h1> <div class="box"> <h2>全选/全不选：</h2> <p><input type="checkbox" class="check_kid"> 选项一</p> 阅读全文
posted @ 2016-05-19 16:17 后知后觉1206 阅读(386) 评论(0) 推荐(0) 编辑
【转载】CSS3 filter:drop-shadow滤镜与box-shadow区别应用
摘要： 文章转载自 张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com/wordpress/ 原文链接：http://www.zhangxinxu.com/wordpress/?p=5380 要使用标准的CSS3实现某元素的投影效果，有两个套路，第一个就是使用常见的box-shado 阅读全文
posted @ 2016-05-19 10:28 后知后觉1206 阅读(639) 评论(0) 推荐(0) 编辑
2016年5月12日
【特效】select美化
摘要： select的默认样式往往很丑，为保证页面样式风格统一，需要对select进行美化。虽然其美化的插件很多，一搜一大把，但是需要引入长长的css文件和js文件实在是件头痛的事。其实select的实现原理很简单，就是一个点击 切换 显示和隐藏 并传值 的过程。用jquery模拟了，样式想怎么写就怎么写， 阅读全文
posted @ 2016-05-12 17:00 后知后觉1206 阅读(865) 评论(0) 推荐(0) 编辑
2016年5月6日
【特效】单选按钮和复选框的美化（只用css）
摘要： 表单的默认样式都是比较朴素的，实际页面中往往需要美化他们。这里先说说单选按钮和复选框，有了css3，这个问题就变的好解决了。利用input与label相关联，对label进行美化并使其覆盖掉原本的input，并利用旋转属性transform实现复选框中的那个“√”，当然也可以使用背景图片。对于IE8 阅读全文
posted @ 2016-05-06 14:50 后知后觉1206 阅读(10401) 评论(1) 推荐(2) 编辑
2016年5月5日
【特效】弹窗效果（多个页面可统一调用，带遮罩背景）
摘要： 弹窗效果太常见了，一个网站中往往会有多个弹窗，而且样式还不完全一样，这时候可以写一个函数，整站统一调用。命名好通用的class和独自样式的class，弹窗的居中显示原理很简单，设其定位fixed，top:50%和left:50%，然后用js获取弹窗的宽和高，然后设置其上边距和左边距分别为宽度除以2和 阅读全文
posted @ 2016-05-05 17:18 后知后觉1206 阅读(507) 评论(0) 推荐(0) 编辑
【特效】导航下拉菜单（二级三级都有）
摘要： 导航的下拉菜单，分别写了二级的和三级的。其实下拉菜单最重要的是写好结构，哪一层是哪一层的，要清晰，做到心中有数。 css定位时注意给隐藏的下拉菜单添加absolute绝对定位，但是其父级不必加relative。js嘛，简单，一个hover() 打遍天下。动画用了slideDown，slideUp，f 阅读全文
posted @ 2016-05-05 16:15 后知后觉1206 阅读(1661) 评论(0) 推荐(0) 编辑
2016年4月29日
【特效】移入显示移出隐藏
摘要： 移入显示移出隐藏的效果也是很常见的，例如： 如果页面有有多处地方有此效果，那么也可以合并到一块，只写一段js代码，只要注意控制样式和class名字和用于js获取元素的class名字分开设置就可以了。代码很简单，用到了setTimeout()和clearTimeout()这两个方法。如果说隐藏的内容和 阅读全文
posted @ 2016-04-29 09:42 后知后觉1206 阅读(1561) 评论(0) 推荐(0) 编辑
2016年4月28日
【特效】jquery选项卡插件，页面多个选项卡统一调用
摘要： 把选项卡整合了一下，写成个插件，这样可以整个站，或整个页面有多个选项卡时，统一调用。代码的具体注意事项已经写进注释了。用于js获取元素的class名称必须有，选项卡本身的样式，另再取一个名字来设置（本人不大喜欢用id，一般写js代码也用class名称来获取元素）。这样也在一定意义上实现了行为和样式的 阅读全文
posted @ 2016-04-28 11:18 后知后觉1206 阅读(1233) 评论(0) 推荐(0) 编辑