2019年11月15日
简单动画案例封装
摘要： style代码 <style> *{ margin:0; padding:0; } div{ width: 100px; height: 100px; background-color: red; position:absolute; } </style> 盒子代码 <button id="btn" 阅读全文
posted @ 2019-11-15 23:58 handsomehe 阅读(199) 评论(0) 推荐(0) 编辑
html中的放大镜案例
摘要： 首先准备两张图片small.jpg和big.jpg放在images文件夹下 文件夹和html页面放在同级目录 style代码 <style> img { display: block; } * { margin: 0; padding: 0; } .box { width: 350px; heigh 阅读全文
posted @ 2019-11-15 15:34 handsomehe 阅读(1301) 评论(0) 推荐(0) 编辑
弹出层拖拽案例
摘要： style代码 <style> * { margin: 0; padding: 0; } .login-header { width: 100%; text-align: center; height: 30px; font-size: 24px; line-height: 30px; } ul, 阅读全文
posted @ 2019-11-15 13:35 handsomehe 阅读(145) 评论(0) 推荐(0) 编辑
注册框拖拽案例
摘要： style代码 <style> * { margin: 0; padding: 0; } .nav { height: 30px; background: #036663; border-bottom: 1px solid #369; line-height: 30px; padding-left: 阅读全文
posted @ 2019-11-15 11:14 handsomehe 阅读(203) 评论(0) 推荐(0) 编辑