html
su的前端之路
这个作者很懒,什么都没留下…
展开
-
flex布局基本属性用法示例以及常见布局
在线地址演示:https://suhuixiao.github.io/flex-layout/ 结合图形进行演示,觉得好的小伙伴可以收藏,需要派上用场的时候直接复制粘贴。 页面部分截图: ...原创 2017-09-04 15:49:43 · 458 阅读 · 0 评论 -
js代码实现tab选项卡效果
实现tab选项卡效果贴上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2017-09-04 16:32:50 · 647 阅读 · 0 评论 -
仿写添加标签栏
实现的功能: 1.选择选项后,该选项作为标签显示在标签栏 2.重复选择的标签不允许再添加 3.点击标签栏某个标签的“x”,可以把该标签删除 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title&g...原创 2017-11-26 22:46:59 · 289 阅读 · 0 评论 -
模拟移动端上拉加载功能
代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上拉加载</title> <style> html{ font-size: 18px; } .containter{ bac...原创 2017-11-27 00:00:04 · 762 阅读 · 0 评论 -
废弃的marquee标签
<marquee>标签 <marquee>标签是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。 <marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。一.转载 2017-12-27 15:12:11 · 2508 阅读 · 1 评论 -
jquery中height()、outerHeight()、outerHeight(true)和offset()的区别
height() 获取的是元素不包含padding、border、margin的高度 outerHeight() 获取的是元素包含padding、border,不包含margin的高度 outerHeight(true) 获取的是元素包含padding、border、margin的高度 offset() 返回的是匹配元素相对于当前可视窗口的偏移坐标,返回的对象中包括...原创 2018-01-22 20:53:12 · 1497 阅读 · 0 评论 -
清除浮动的几种方式
效果图如下: 清除浮动前: 清除浮动后: 以下方式中,浮动元素的父元素均没有设置宽高 第一种方式:给浮动的元素的父元素加上overflow属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</...原创 2018-01-23 10:28:43 · 295 阅读 · 0 评论