07 2017 档案
摘要：首先去官网下载swiper的css样式及js文件。链入需要的页面 一些基本的滑动块样式及分页器样式什么的，在自己的css样式中重新定义 在js中配置 ，直接写在html中就好，写在body里最下面 需要其他配置可直接参考官网上的文档 http://www.swiper.com.cn/api/
阅读全文
摘要：做移动端页面时，又想用伪元素做真实1像素边框，又想有边角时，会发现只加一个border-radius时出来的效果边款并没有变成圆角，解决办法是加两个border-radius 图中边框用了真实1px，在pc端看可能不太明显
阅读全文
摘要：text-align-last: right;
阅读全文
摘要：$("list_wrap").on("click",".list",function(){}) 其中list_wrap是父元素，list是新增的子元素
阅读全文
摘要：/*超过400px滚动条出现*/max-height:400px; overflow:auto; /*修改滚动条样式*/ .myscroll_wrap::-webkit-scrollbar,.pop .pop_content::-webkit-scrollbar{width:7px;height:7px;} .myscroll_wrap::-webkit-scrollbar,.pop .p...
阅读全文
摘要：//上移 $('.add_small_wrap').on('click', '.shangyi', function(){ var $curBlock = $(this).parents('.add_small'); var $prveBlock = $curBlock.prev('.add_small'); $curBlock.after($prveBlock); }); //下移 $('....
阅读全文
摘要：在要实现瀑布流布局的页面上引用jquery和masonry，如下 初始化瀑布流插件参数 html布局示例
阅读全文
摘要：text-align-last属性具备auto、start、end、left、right、center和justify几个属性。此属性与text-align属性相比少了match-parent和justify-all。 text-align-last其默认值是auto，而且其只能运用于块元素上，或者
阅读全文
摘要：
阅读全文
摘要：DOM对象是JavaScript获得的对象，比如 var box = document.getElementById("#box") ,其中box 是dom对象。 jQuery对象就是用jQuery的类库选择器获得的对象。是通过jQuery包装DOM对象后产生的对象。是一个数组对象。 var $bo
阅读全文
摘要：//防止底层滚动 $(".pop-wraper").on("touchmove",function(){ event.preventDefault(); });
阅读全文
摘要：在js代码的上方加上红色这部分，添加一个触发监听事件
阅读全文
摘要：思路：两个三角形叠加，暂且把有边框的三角形定义为A，大三角形定义为B，小三角形定义为C，B的背景颜色==A的边框颜色，B的背景颜色=A的背景颜色。可以利用伪元素，也可以利用绝对定位的方式。 css样式： 效果图： 定位方式可以根据自己喜欢修改，可以都是绝对定位也可以都是使用伪元素
阅读全文
摘要：点击哪一行就改变哪一行的样式
阅读全文
摘要：以按钮为例，在button上添加以下样式即可消除点击出现的边框
阅读全文
摘要：可以在img上加这个样式，让图片按照底部对齐，就可消除缝隙
阅读全文
摘要：可以为input赋值，也可以用来判断是否有值
阅读全文
摘要：需求：当输入框有字或者正在输入时，右边的圆形取消按钮才出现。否则不出现。 以下是效果图。input事件表示正在输入状态，focus事件表示得到焦点状态，blur表示失去焦点状态
阅读全文
