2015年10月19日
jquery插件编写
摘要： 4 /*(function($) { 5 $.fn.accordion = function(options) { 6 var settings = $.extend({}, {open: false}, options); 7 return this.each(functio... 阅读全文
posted @ 2015-10-19 09:57 十三君 阅读(128) 评论(0) 推荐(0) 编辑
2015年9月24日
网页常动态效果--评分
摘要： 用变量score记录点击索引，当鼠标离开时用score代替index完成效果HTML: ... 阅读全文
posted @ 2015-09-24 11:45 十三君 阅读(192) 评论(0) 推荐(0) 编辑
网页常用动态效果--淘宝竖条广告
摘要： 布局：.box>ol+ulol和ul均整体左浮动，box清浮CSS： 1 .box{ 2 width:250px; 3 height:250px; 4 position: rela... 阅读全文
posted @ 2015-09-24 10:42 十三君 阅读(345) 评论(0) 推荐(0) 编辑
网页常用动态效果--多表单验证
摘要： 1 jQuery(document).ready(function($) { 2 var arr = ['tel','email','qq','weichat']; 3 $('input').each(function(index, ... 阅读全文
posted @ 2015-09-24 10:11 十三君 阅读(193) 评论(0) 推荐(0) 编辑
2015年9月21日
CSS3动画之旋转魔方盒
摘要： 步骤：1.大盒子里盛放六个子盒子代表立方体的6个面；2.子盒子开启3d效果 transform-style:preserve-3d;3.上下面沿X轴旋转90度，一个上移盒子一半高，一个下移盒子一半高 translateZ:数值;4.左右面沿Y轴旋转90度，一个左移盒子一半宽，一个右移盒子一半宽；5.... 阅读全文
posted @ 2015-09-21 23:07 十三君 阅读(602) 评论(0) 推荐(0) 编辑
CSS3动画之透视
摘要： 若在x,y轴rotate90度，其实是线，不显示，按近大远小的透视关系可用 perspective:数值 开启透视；默认以中间线为旋转基线，可以用transform-origin来设置旋转基线在z轴上的平移（translateZ）实际上，负值是越来越小，正值越来越大 d... 阅读全文
posted @ 2015-09-21 22:32 十三君 阅读(612) 评论(0) 推荐(0) 编辑
CSS3动画之百度钱包
摘要： 百度钱包的步骤：1.建一个盒子，里面放两个盒子，代表正反面，两个盒子叠一起，正面层次高2.当鼠标Hover时，正面盒子从0deg->-180deg,反面盒子从-180deg->0deg3.正反面盒子都设置背面隐藏backface-visibilityHTML结构：div.box>div.z+div.... 阅读全文
posted @ 2015-09-21 22:06 十三君 阅读(322) 评论(0) 推荐(0) 编辑
CSS3动画之无缝滚动
摘要： 与js的无缝滚动类似，整个承载图片的盒子移动，克隆一组图片放置最后，当一组图片播放结束后将盒子定位在有一组图片宽度的左侧HTML结构： ... 阅读全文
posted @ 2015-09-21 21:15 十三君 阅读(446) 评论(0) 推荐(0) 编辑
2015年9月20日
网页常用动态效果--网易轮播图
摘要： 与小米轮播图类似，多了下角标进度条，同时加了切换效果HTML代码： 网页常用动态效果---网易轮播图 网页常用动... 阅读全文
posted @ 2015-09-20 22:45 十三君 阅读(422) 评论(0) 推荐(0) 编辑
网页常用动态效果--优酷轮播图
摘要： 优酷轮播图的不同之处在于用克隆在最后插入新的节点图片，因而在轮播时角标位的判断是关键HTML代码： ... 阅读全文
posted @ 2015-09-20 21:04 十三君 阅读(430) 评论(0) 推荐(0) 编辑
下一页