摘要: 属性定义及使用说明 column-gap的属性指定的列之间的差距。 注意: 如果指定了列之间的距离规则,它会取平均值。 语法 column-gap: length|normal; Flex layout(存在兼容性问题) HTML 1 <div id="flexbox"> 2 <div></div> 阅读全文
posted @ 2019-01-26 00:29 阳癫疯 阅读(619) 评论(0) 推荐(0) 编辑
摘要: 思路 1.用ul ,li 来装载滑动的图片,超出部分隐藏 2.滑动是通过改变ul的位置来实现 布局 模块 1: 根据li元素个数去设置ul的宽度 1.1 获取ul元素 1.2 获取li元素的个数 1.3 设置ul元素的宽度 2: ul实现拖拽移动功能 Ul元素移动的距离 = 鼠标移动横坐标只差 Ul 阅读全文
posted @ 2018-05-10 23:02 阳癫疯 阅读(659) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 6 7 纯CSS导航栏下划线跟随效果 8 9 55 56 57 纯CSS导航栏 58 导航菜单项 59 被划过 60 下划线跟随 61 62 63 阅读全文
posted @ 2018-04-25 23:55 阳癫疯 阅读(1825) 评论(0) 推荐(0) 编辑
摘要: (function($) { var DNG = {}; // / // 相对父级元素fixed // / DNG.parentFixed = function() { // 获得需要fixed定位的元素 var el =$(".parent-fixed"); // 判断是否存在 if( el.le 阅读全文
posted @ 2018-03-17 20:24 阳癫疯 阅读(1031) 评论(1) 推荐(0) 编辑
摘要: 把info类下面所有的a标签链接后天加"#article"。 jQuery(document).ready(function($){ $('.info a').each(function(){ let Ahref = $(this).attr("href") + "#article"; $(this 阅读全文
posted @ 2017-07-11 22:08 阳癫疯 阅读(1729) 评论(0) 推荐(0) 编辑
摘要: CSS盒子模型 当我们把padding和width,height全部设置为0,border设为一个较大的像素时 即:我们需要什么方向的三角形,只需把其余的三角形背景色设置为transparent; 阅读全文
posted @ 2016-09-26 14:23 阳癫疯 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 原理:先让下拉菜单隐藏,鼠标移到的时候在显示出来 1>display 无动画效果,图片是秒出 2>opacity 有动画效果,我这里是1S出现,推荐配合绝对定位使用 阅读全文
posted @ 2016-09-26 14:20 阳癫疯 阅读(168) 评论(0) 推荐(0) 编辑
摘要: jQuery封装插件开发入门教程: http://www.awaimai.com/467.html 一、默认值和选项 jQuery.extend函数解释 extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的d 阅读全文
posted @ 2016-07-24 20:52 阳癫疯 阅读(414) 评论(0) 推荐(0) 编辑
摘要: 元素是怎样浮动 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动元素之后的元素将围绕它。 浮动元素之前的元素将不会受到影响。 正文 浮动是一种半脱离文档流的状态,他不像绝对定位那样完全脱离文档流 绝 阅读全文
posted @ 2016-07-20 01:10 阳癫疯 阅读(528) 评论(0) 推荐(0) 编辑
摘要: 第一种:通过text/HTML var txt1="<h1>Text.</h1>"; 第二种:通过jQuery var txt2=$("<h2></h2>").text("Text."); 第三种:通过JavaScript/DOM var txt3=document.createElement("h 阅读全文
posted @ 2016-07-17 00:10 阳癫疯 阅读(766) 评论(0) 推荐(0) 编辑