- 博客(2)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 模拟支付宝支付
以前在我没有编写设置支付密码的时候，以为这种效果（js）很好实现，结果当我做的时候布局到时很简单，可是在用js的时候弄的我一个头是两个大。 第一次我是用一个input框，然后设置input的最大长度为6，然后用letter-space设置间距，和设计图例的样式完全不对不说，每一次输入到最后一个的时候，input框文字始终要往前面退一格。 第二次写的时候我是设置6个input密码框，忽略到咯手机
2017-02-14 15:29:20
2648
转载 推广一个良好的拼接带格式字符串的方法
带格式是指，像普通的HTML文档一样，有缩进，有换行，有空格，这种字符串更便于阅读。大家拼innerHTML的时候，巴不得越容易阅读越好。 JS拼字符串，一般喜欢用+。如果想要很多行拼在一起，且方便阅读，一般的做法是： 1 2 3 4 5 6 7 8 9 10 11 12 var s = '' + '' +''
2017-02-08 16:42:20
573
html+css+js clock钟表
动态时钟
body,div,p{ font-family: 'Microsoft Yahei' ;font-size: 14px;}
.box{ width: 400px; height: 400px; border:10px solid #8bf2f1;margin:100px auto; border-radius: 50%;
box-shadow: 0px 0px 20px 3px #444 inset; position: relative;}
/*原点*/
.origin{ width: 20px; height: 20px; border-radius: 50%; background: #ff0000; top:190px; left: 190px; position: absolute;}
/* 指针 */
.clock_line{ position: absolute;position:absolute;z-index:20;}
.hour_line{width:100px;height:4px;top:198px;left:200px;background-color:#000;border-radius:2px;
transform-origin:0 50%;box-shadow:1px -3px 8px 3px #aaa;}
.minute_line{width:130px;height:2px;top:199px;left:190px;background-color:#000;
transform-origin:7.692% 50%;box-shadow:1px -3px 8px 1px #aaa;}
.second_line{width:170px;height:1px;top:199.5px;left:180px;background-color:#f60;
transform-origin:11.765% 50%;box-shadow:1px -3px 7px 1px #bbb;}
.dot_box{width: inherit; height: inherit;}
/*时钟数*/
.dot{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 22px; position: absolute;}
.clock-scale{width:195px;height:2px;transform-origin:0% 50%;z-index:7;
position:absolute;top:199px;left:200px;}
.scale-show{ width:12px;height:2px;background-color:#555;float:left;}
.scale-hidden{width:183px;height:2px;float:left;}
/*日期*/
.date_info{width:160px;height:28px;
line-height:28px;text-align:center;position:absolute;top:230px;left:120px;z-index:11;color:#555;
font-weight:bold;}
.time_info{ width: 110px; height: 35px; line-height: 35px;text-align:center;position:absolute;top:270px;left:150px;z-index:11;color:#555; background: #253e3e; }
.time{ width: 35px ;height:35px; float: left; color: #fff; font-size: 22px;}
#minute_time{border-left:1px solid #fff;border-right:1px solid #fff;}
<div class
2016-07-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人