上一页 1 ··· 6 7 8 9 10 11 12 下一页
摘要: 圆形导航,略有瑕疵 <style> *{margin:0;padding:0} ul{list-style:none;position:relative;margin:50px;} ul li{width:200px;height:200px;border-radius:50%;position:a 阅读全文
posted @ 2019-11-22 11:33 野鹤亦闲云 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 进度条 1 <style> 2 #progress{ 3 position: relative; 4 margin: auto; 5 top: 200px; 6 display: block; 7 width: 200px; 8 height: 20px; 9 border-style: dotte 阅读全文
posted @ 2019-11-22 11:26 野鹤亦闲云 阅读(287) 评论(0) 推荐(0) 编辑
摘要: css、html <style> *{margin: 0; padding: 0;} ul {list-style:none;} body { background-color: #000; } .nav { width: 800px; height: 42px; background:url() 阅读全文
posted @ 2019-11-22 11:22 野鹤亦闲云 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 用原生实现随机抽人的小效果 css、html <style type="text/css"> div{ width: 300px; height: 300px; border: 2px solid saddlebrown; text-align: center; line-height: 300px 阅读全文
posted @ 2019-11-22 10:45 野鹤亦闲云 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 原生:点击创建div,且能够拖动 css、html <style type="text/css"> .active{ width: 100px; height: 100px; position: absolute; } </style> <body> <input type="button" val 阅读全文
posted @ 2019-11-22 10:29 野鹤亦闲云 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 用原生js,实现放大镜效果 css <style> *{ margin:0; padding:0; } #box{ width:350px; height:350px; border:1px solid #000; margin:100px; position:relative; } #big{ w 阅读全文
posted @ 2019-11-21 17:20 野鹤亦闲云 阅读(205) 评论(0) 推荐(0) 编辑
摘要: animate的手风琴效果 1 <style type="text/css"> 2 * { 3 margin: 0; 4 padding: 0; 5 } 6 ul{ 7 list-style: none; 8 } 9 10 .wrap { 11 width: 1020px; 12 margin: 1 阅读全文
posted @ 2019-11-21 17:06 野鹤亦闲云 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 轮播图淡入淡出效果 jquery css <style> *{margin: 0;padding: 0;} ul,ol{ list-style: none;} .wrapper{ width: 670px; height: 240px; margin: 100px auto; overflow: h 阅读全文
posted @ 2019-11-21 16:58 野鹤亦闲云 阅读(648) 评论(0) 推荐(0) 编辑
摘要: 单行省略 display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; 多行省略 (数字即为自定义的行数)/(需要注意溢出隐藏的高度) overflow:hidden; text-overflow:ell 阅读全文
posted @ 2019-11-21 15:59 野鹤亦闲云 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 笔记+小案例 <style> .zi{ height:100px; width:100px; background:purple; margin:2px; line-height:100px; text-align: center; color:#fff; } .fu{ height:400px; 阅读全文
posted @ 2019-11-21 15:36 野鹤亦闲云 阅读(696) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10 11 12 下一页