简易倒计时
摘要：
实现效果图： 整体代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title></head><style> *{ margin: 0; padding: 0; } .spans{ border- 阅读全文
posted @ 2017-04-09 16:27 cqt123 阅读(117) 评论(0) 推荐(0) 编辑
简单彩票
摘要：
实现效果图： 整体代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>彩票</title></head><style> *{ margin: 0; padding: 0; } li{ list-style: 阅读全文
posted @ 2017-04-09 16:22 cqt123 阅读(233) 评论(0) 推荐(0) 编辑
简易计算器
摘要：
实现效果图： 代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简易计算器</title></head><body> <input id="txt1" type="text"> <select id="tx 阅读全文
posted @ 2017-04-08 11:50 cqt123 阅读(172) 评论(0) 推荐(0) 编辑
选项卡
摘要：
显现效果图： 代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title></head><style> *{ margin: 0; padding: 0; } #box{ position: r 阅读全文
posted @ 2017-04-08 11:17 cqt123 阅读(90) 评论(0) 推荐(0) 编辑
内容的显示/隐藏&&拖拽
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>显示/隐藏&&拖拽</title></head><style> *{ margin: 0; padding: 0; } #box{ position: relati 阅读全文
posted @ 2017-04-08 10:03 cqt123 阅读(115) 评论(0) 推荐(0) 编辑
H5_background-clip(css3——裁剪)
摘要：
利用background-clip实现此效果 在body里面只需要写：<div class="box"></div> 在样式里面写上： .box{ width: 150px; height: 30px;//中间黑色背景的大小 padding: 15px 0;//黑色背景上下高度 border-top 阅读全文
posted @ 2017-04-04 22:16 cqt123 阅读(151) 评论(0) 推荐(0) 编辑
