li有个marker的伪元素,加上如下样式去除即可。
.number li::marker{
content: "";
}
可这就是要好好学的呀
有源码地址呀,你可以慢慢研究一下
你先在上一行把this打印一下就知道了,这个不一定的,要看是谁调用的就指谁
j可以的
旁边有源代码可以下载
研究明白了
是根据表盘的大小大定的,表盘的半径是100,所以在表盘中心的右边75px处画20px的刻度线
望采纳
嘿嘿 我不知道~我也刚学。怎么没见你继续学下去呀 停留在了34%
看完视频后,把源码下载好,自己也动手写一遍,看看会不会遇到和你同样的问题。
是一些简单的,复习一下应该没问题的
您的问题完美的为我解决了一个疑惑……
.nav-wrap:active nav{
transform: scale(1);
}
按住鼠标不松开
...
取整数
是的。赞同
margin:0 auto
Hi,@Zhong_Yuan 同学你好:
秒针的方向和表盘刻度没对齐,是因为刻度的CSS样式有问题,在旋转时对Y轴上的位置进行了重复设置。
以小时的刻度为例(分钟刻度的类似):
(1)在JS中绘制小时刻度时,设置了内联样式 style="transform:rotate(0deg) translate(80px,-50%)"
其中,translate(80px,-50%) 设置了刻度本身在Y轴方向上以其中心位置垂直居中。
(2)但同时在CSS中又设置了
.line-hour li, .line-min li {
transform-origin: left center; // 设置了基点在Y轴方向上是center(即以Y轴刻度的中心位置处旋转)
}
此时(1)和(2)同时对Y轴上的位置进行了设置,重复了。导致刻度的绘制有偏差。
解决办法:
将(2)中的基点设置为刻度的左上角,即 transform-origin: 0 0;
Y轴上垂直居中就交由(1)translate(80px,-50%)中的 translateY(-50%) 去设定。
修改后的效果见 http://codepen.io/anjia/pen/KwEzwQ
说明:
保留(1)是考虑到当表盘静止时(即注释掉 move();)指针依然能和刻度保持垂直对齐。
Hi,@MR_zhangdada:
指针和刻度的位置不对,原因及解决办法详见(和@Zhong_Yuan同学反馈的是一个问题):
http://www.imooc.com/qadetail/73439