上一页 1 ··· 5 6 7 8 9 10 11 12 下一页
摘要: 掷 <style> *{margin:0; padding:0} #container{padding:10px;width:200px;margin:auto;height:200px;border:orange solid 1px; border-radius:8px;} #dice{width 阅读全文
posted @ 2019-11-25 11:26 野鹤亦闲云 阅读(310) 评论(1) 推荐(1) 编辑
摘要: 简易年历 1 <style type="text/css"> 2 * { padding: 0; margin: 0; } 3 li { list-style: none; } 4 body { background: #f6f9fc; font-family: arial; } 5 6 .cale 阅读全文
posted @ 2019-11-25 11:15 野鹤亦闲云 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 弹幕小效果 <style type="text/css"> *{ margin: 0; padding: 0;} #box{ width: 542px; height: 330px; border: 3px solid goldenrod; margin-left:300px;} #btm{marg 阅读全文
posted @ 2019-11-25 10:42 野鹤亦闲云 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 跟随的广告 <style> img{ position: absolute; left:0; top:50px; } #demo{ width:1000px; margin:0 auto; } </style> </head> <body> <img src="images/aside.jpg" a 阅读全文
posted @ 2019-11-25 10:30 野鹤亦闲云 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 飞机跑道进度条 <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div c 阅读全文
posted @ 2019-11-25 09:42 野鹤亦闲云 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 层级轮播图(animate) css <style type="text/css"> * { margin: 0; padding: 0; } ul, ol { list-style: none; } .wrap { width: 650px; height: 250px; margin: 100p 阅读全文
posted @ 2019-11-25 09:28 野鹤亦闲云 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 生成条形码 <body> <div> <img id="ma"/> </div> </body> </html> <script src="jquery-1.8.1.min.js"></script> <script type="text/javascript" src="https://cdn.b 阅读全文
posted @ 2019-11-23 11:22 野鹤亦闲云 阅读(1095) 评论(0) 推荐(0) 编辑
摘要: 返回头部 <style> body { width: 2000px; } .top{ position: fixed; right:50px; bottom:100px; display: none; } </style> </head> <body> <!-- 获取页面滚走兼容 : documen 阅读全文
posted @ 2019-11-22 14:57 野鹤亦闲云 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 效果 <style type="text/css"> span{ width:80px; height: 10px; display: inline-block; background: grey; margin-right: 3px; font-size: 18px; text-align: ce 阅读全文
posted @ 2019-11-22 11:48 野鹤亦闲云 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 事件委托 <body> <input type="button" value="创建新的" id="btn"/> <ul class="box"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <p>嘿嘿</p> </ul> </body> </html> 阅读全文
posted @ 2019-11-22 11:40 野鹤亦闲云 阅读(103) 评论(0) 推荐(0) 编辑
上一页 1 ··· 5 6 7 8 9 10 11 12 下一页