Html(综合特效) - 随笔分类 - longlongcheng

js实现瀑布流布局

摘要：js实现瀑布流布局原理代码实现功能：1、定义函数 waterfall（parent,box）实现瀑布流布局。2、当拖动滚动轴时候，到底部时候会触发添加元素事件，瀑布流布局。瀑布流思路：第一排自由排版，记录第一排元素的高度存入数组，之后出现的元素都会放到数组高度最小的元素下面，绝对定位方式（x 阅读全文

posted @ 2019-07-10 18:16 longlongcheng 阅读(2103) 评论(0) 推荐(0)

JavaScript控制固定边框，图片全部展示

摘要：JavaScript控制固定边框，图片全部展示阅读全文

posted @ 2019-05-08 18:48 longlongcheng 阅读(250) 评论(0) 推荐(0)

写html时css的一些使用习惯

摘要：1、小图标和文字并列，可以文字框架设置padding-left图片显示宽度，图片通过 background 引入达到并排效果。 div{ padding-left: 0.8rem; background: url(images/ico.png) no-repeat left center; back 阅读全文

posted @ 2019-03-27 14:16 longlongcheng 阅读(128) 评论(0) 推荐(0)

移动端响应式、自适应、适配实现方法分析（和其他基础知识拓展）

摘要：基础拓展（最后补充是移动端适配可能兼容问题）：像素：设备独立（逻辑）像素：window.screen.width iphone6==>375手机屏幕大小:别名叫点(一个点里面可以放多个像素)，是个单位（可以量)（1）横竖屏切换，真机不会变，但模拟器里面会改变（2）在一个点里面，可以放多个像素（3 阅读全文

posted @ 2019-03-20 18:55 longlongcheng 阅读(471) 评论(0) 推荐(0)

vue学习笔记

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name='viewport' content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Comp 阅读全文

posted @ 2018-09-12 10:49 longlongcheng 阅读(164) 评论(0) 推荐(0)

响应式布局想法和实现

摘要：看过这篇文章，写的挺全面，从几个方面分析响应式写法优劣，先收藏： http://caibaojian.com/web-app-rem.html 最终方案： rem是通过根元素进行适配的，网页中的根元素指的是html，我们通过设置html的字体大小就可以控制rem的大小。下面函数将屏幕宽度和根元素阅读全文

posted @ 2018-09-06 11:19 longlongcheng 阅读(210) 评论(0) 推荐(0)

浏览器最小字体12px

摘要：温馨提示对比查看阅读全文

posted @ 2018-09-04 14:27 longlongcheng 阅读(260) 评论(0) 推荐(0)

缩小浏览器滚动轴页面背景出现空白

摘要：主要内容在中间1200px部分，背景通过css控制: footer{width:100%; background:#ccc;} 但在缩小浏览器宽度小于1200px时候，下方出现滚动轴，拉伸到右侧可以看到背景空白部分，不是所愿。搬运其他解释：问题的根本在于：当窗口缩小时，浏览器默认100%宽度为浏阅读全文

posted @ 2018-09-04 10:22 longlongcheng 阅读(289) 评论(0) 推荐(0)

css 实现一些图形

摘要：css做的一些图形。要先理解一个基础：css边框相接触的地方是45度平分空间的。图形一：阅读全文

posted @ 2018-08-24 11:50 longlongcheng 阅读(104) 评论(0) 推荐(0)

js jquery获取所有同级相邻元素，同tag标签，中间有间隔其他tag的不算，不是siblings

摘要：jquery 选中所有同级相邻的元素，不是siblings选取的所有同级元素，不管相邻不相邻。如下面案例：我只想获取相邻的 h4 标签，中间一旦有 p 隔开，就不算。一旦点击一个tag是h4,所有相邻的 h4 同级元素一样触发添加样式。思路是：在加载页面的时候，所有同级元素遍历一遍，加上各阅读全文

posted @ 2018-04-02 18:30 longlongcheng 阅读(918) 评论(0) 推荐(0)

百度分享和https冲突

摘要：解决方案：https://themebetter.com/baidushare-https.html 1、从百度分享获取代码。 <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a></div> 阅读全文

posted @ 2018-03-06 15:51 longlongcheng 阅读(227) 评论(0) 推荐(0)

my97datepicker js如何获取值，怎么传值，change,onchange不生效，怎么解决

摘要：1 <script type="text/javascript" src="__PUBLIC__/My97DatePicker/WdatePicker.js"></script> 2 <script type="text/javascript" src='__PUBLIC__/Js/jquery.j 阅读全文

posted @ 2017-04-26 17:43 longlongcheng 阅读(2031) 评论(0) 推荐(0)

图片垂直居中和 float

摘要：//图片垂直居中, display:table-cell; vertical-align:middle; 不能和 css (float)元素共存,可以在元素外面多加一个层阅读全文

posted @ 2016-08-15 10:12 longlongcheng 阅读(1538) 评论(0) 推荐(0)

px和em区别-在font-size的 css 的使用

摘要：px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸,多理解父级设定font-size的尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) 任意浏览器的默认字体高都是16p 阅读全文

posted @ 2016-08-06 11:10 longlongcheng 阅读(9017) 评论(0) 推荐(1)

longlongcheng

随笔分类 - Html(综合特效)