jquery实现八卦带指针时钟效果代码
代码语言:html
所属分类:其他
代码描述:jquery实现八卦带指针时钟效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="width=device-width, user-scalable=no,initial-scale=1.0" name="viewport">
<style type="text/css">
* {
margin:0;
padding:0
}
body {
overflow-x:hidden;
background:#d6d5d552
}
#clock {
position:relative;
width:300px;
height:300px;
margin:20px auto 0 auto;
background:url(//repo.bfw.wiki/bfwrepo/images/clock/clockface.png);
background-size:contain;
list-style:none
}
#sec,#min,#hour {
position:absolute;
width:15px;
height:300px;
top:0;
left:142.5px;
background-size:contain
}
#sec {
background-image:url(//repo.bfw.wiki/bfwrepo/images/clock/s.png);
background-repeat:no-repeat;
z-index:3;
background-position:0 1.2px
}
#min {
backg.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0