css
虾米博客
虾米
展开
-
动态加载图片,实现瀑布流效果
瀑布流1.瀑布流瀑布流,可以有多列,每一列的高度可以不相同,但是宽度必须一样;排列的方式是,从左往右排列,哪一列总高度最小,就优先排序,把图片放在这一列.这样排完所有的图片后,可以保证每一列的总高度都相差不大。2.实现思路a.先加载所有图片,然后定位(position: absolute;)在第一张那里,重叠在一起;b.获取每张图片的高度,计算每列图片盒子(li)的总高度,一张一张定位排列位置,优...原创 2018-01-18 15:27:42 · 3065 阅读 · 0 评论 -
单选-多选-图片替换效果-简单实用
单选多选的选中是很难修改样式-所以就有了各种替换方案---一下就是我曾用的一种<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="原创 2018-04-10 18:13:59 · 605 阅读 · 0 评论 -
js/jq克隆clone 加载html
领导说不要在javascript页面上看见太多的 +‘<div>'+data[0].id+'</div>‘.....等等追加代码的写法字样;希望能在html页面写一个模板-然后再用js/jq单纯的加载数据;于是我想到了克隆clone-别问我为什么不用vue等等之类的;因为要兼容ie8的;简单写一个clone 例子:<!DOCTYPE html> <html...原创 2018-03-28 15:34:38 · 2808 阅读 · 0 评论