09 2017 档案

css实现水波纹效果
摘要：1. HTML 代码： 2. CSS样式：设置animation属性 3. 设置动画方式，像波浪一样，从小变大变无，所以我们要设置宽高从0 – 50px，透明度从有至无，这样就能实现水波涟漪效果啦。 阅读全文
posted @ 2017-09-24 12:45 惊沙男孩 阅读(2837) 评论(0) 推荐(0)
jquery动画效果
摘要：1.$(dom).animate({},1000,function); 2. jQuery 拥有下面四种 fade 方法： fadeIn() 淡入 fadeOut() 淡出 fadeToggle() 淡入淡出切换 fadeTo() 淡出到指定透明度 阅读全文
posted @ 2017-09-24 11:38 惊沙男孩 阅读(137) 评论(0) 推荐(0)
transform属性实现翻转效果
摘要：transform:perspective(800px) rotateY(180deg);//翻转180度，透视800px; transition-delay: 0.3s;//过程时间 opacity: 1;//配合透明度更好:hover{} 产生过程效果 阅读全文
posted @ 2017-09-22 14:42 惊沙男孩 阅读(838) 评论(0) 推荐(0)
Bootstrap时间控件常用配置项
摘要：1.给下面4个文本框初始化 $(function(){ $("#orderStartTime,#orderEndTime,#preSaleStartTime,#preSaleEndTime").datetimepicker({ dateFormat:'yy-mm-dd', showSecond: t 阅读全文
posted @ 2017-09-14 22:10 惊沙男孩 阅读(371) 评论(0) 推荐(0)
chrome 的input 上传响应慢问题解决方案
摘要：<input type="file" accept="image/png,image/jpeg,image/gif" class="form-control hide js-column-uploadPic" id="" name="Filedata" placeholder="选填，注意，填写后会 阅读全文
posted @ 2017-09-12 10:12 惊沙男孩 阅读(434) 评论(0) 推荐(0)
swiper轮播控件配置项
摘要：var mySwiper = new Swiper ('.swiper-container', { direction: 'horizontal', loop: true, autoplay: 5000, autoplayDisableOnInteraction : false, //控制使用分页器 阅读全文
posted @ 2017-09-05 08:25 惊沙男孩 阅读(474) 评论(0) 推荐(0)
在rem布局下使用背景图片以及sprite
摘要：1.CSS3为background-size属性增加了两个值：cover与contain。 cover会铺满但是可能会显示不全，contain会完全显示但可能会铺不满元素。 2.当元素与背景图片的大小一样，或者是宽高比例一致时，contain和cover的填充效果是一样的，因为两者在拉伸后总能使图片 阅读全文
posted @ 2017-09-04 10:51 惊沙男孩 阅读(281) 评论(0) 推荐(0)