html
虾米博客
虾米
展开
-
动态加载图片,实现瀑布流效果
瀑布流1.瀑布流瀑布流,可以有多列,每一列的高度可以不相同,但是宽度必须一样;排列的方式是,从左往右排列,哪一列总高度最小,就优先排序,把图片放在这一列.这样排完所有的图片后,可以保证每一列的总高度都相差不大。2.实现思路a.先加载所有图片,然后定位(position: absolute;)在第一张那里,重叠在一起;b.获取每张图片的高度,计算每列图片盒子(li)的总高度,一张一张定位排列位置,优...原创 2018-01-18 15:27:42 · 3067 阅读 · 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 · 2809 阅读 · 0 评论 -
腾讯地图数据城市3级联动-id版
之前写过传地址的--还有bug也没有去修复,虾米我重新写了一份ID版本的--毕竟这样更适合需求/** @Name : QQ腾讯地图 三级联动插件 @Author: chen RiGuang @Date: 2018-07-13 修改2019-1-1 地方名更改为地方ID//用法$("#city1").createLinkage({ province : '440000',/...原创 2019-02-17 16:10:36 · 1437 阅读 · 0 评论 -
mui 城市3级联动--腾讯地图数据版
虾米觉得-腾讯地图既然开放有最新城市数据--就没有必要自己直接去维护了,之前有写过pc版本的-现在写一个mui版本的mui 引入依赖js 代码:function cityLoadData() { var $$ = jQuery.noConflict(); $$.ajax({ url: "https://apis.map.qq.com/ws/district/v1/list...原创 2019-02-17 16:55:54 · 916 阅读 · 0 评论