前端demo - 随笔分类 - 最美胡萝卜

摘要：开发思路 1.在要添加地方给 test1 添加点击事件当点击的前提条件发生再发生如下事情 2. 在DOM元素 before 或者after 添加dom 3. 添加dom之后给dom设计点击事件模拟用户点击阅读全文

posted @ 2019-05-13 09:34 最美胡萝卜阅读(1744) 评论(0) 推荐(0)

摘要：1.弹出小提示tips 默认吸附在自己地方控制弹出的位置可以让其吸附在其他元素附近，在内容后面增加一个jq选择器 2.进度条动态调整进一步扩展思路如下：用一个计时器设置每隔多久时间执行一次函数，让demo 动态更新一下子这里获取input值用的jquery的方法 $(" input 阅读全文

posted @ 2018-11-24 10:51 最美胡萝卜阅读(770) 评论(0) 推荐(0)

css 补充之 checked应用制作选中效果，以及z-index和position-fixed transfrom 之间层级关系

摘要：首先看下解释： :checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框），只对input type=radio和checkbox 有用 label 可以和 input关联用#id 来控制，这样点击label的文字相当于点击input的内容。接下来点击label相当于点击阅读全文

posted @ 2018-10-22 09:35 最美胡萝卜阅读(450) 评论(0) 推荐(0)

移动端布局 viewport 用法简单总结

摘要：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 宽度等于设备宽度缩放比例1 最小1 最大1 阅读全文

posted @ 2018-09-18 17:35 最美胡萝卜阅读(266) 评论(0) 推荐(0)

用 @media 控制图片显示大小

摘要：<link rel="stylesheet" type="text/css" href="600.css" media="screen and (max-width: 600px)"> 屏幕自适应调取css 阅读全文

posted @ 2018-09-17 21:45 最美胡萝卜阅读(774) 评论(0) 推荐(0)

position 和 transform【鼠标经过显示一个div滑过】&导航效果应用以及定位自己的总结

摘要：transform：动画在元素上各种方向偏移，而position 适用布局而来 position 是为页面布局而生的。 transform 是为动画而生的。 A.transform 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta char 阅读全文

posted @ 2018-09-07 14:31 最美胡萝卜阅读(388) 评论(0) 推荐(0)

Z-index用法总结

摘要：z-index 在w3cschool介绍 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例如 position:absolute，relative，fix 阅读全文

posted @ 2018-09-07 13:45 最美胡萝卜阅读(428) 评论(0) 推荐(0)

最美胡萝卜

随笔分类 - 前端demo

公告