关闭

jQuery实现时钟插件

88人阅读 评论(0) 收藏 举报
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
    <link rel="stylesheet" href="http://hovertree.com/texiao/hoverclock/jquery.hoverclock.2.1.0.css" />
    <script src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script>
    <style>
        body {
            margin: 0px;
            padding: 0px;
        }


        div {
            padding: 0px;
        }
    </style><meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>HoverClock - HoverTree</title><base target="_blank" />
</head>


<body>
    <div style="width:500px;margin:10px auto;">
        <div id="hoverclock">
        </div>
        <div><br /><a href="http://hovertree.com/h/bjaf/hoverclock.htm">Help</a> <a href="http://hovertree.com/texiao/hoverclock/">Demo 1</a> <a href="http://hovertree.com/texiao/hoverclock/demo2.htm">Demo 2</a>
<a href="http://hovertree.com/texiao/hoverclock/demo3.htm">Demo 3</a> <a href="http://hovertree.com/texiao/hoverclock/demo4.htm">Demo 4</a></div>
    </div>
    <script src="http://hovertree.com/texiao/hoverclock/jquery.hoverclock.2.1.0.js"></script>
    <script>
        $("#hoverclock").hoverclock({
            "h_width":500,
            "h_height":500,
            //"h_hourNumSize": "80",
            // "h_hourNumRadii": "200",
            // "h_hourNumShow": false,
            // "h_minuteNumShow":false,
            "h_hourNumColor": "deeppink",
            "h_backColor": "yellow",
            // "h_borderColor": "gold",
            //"h_frontColor":"red",
            "h_linkText": "HoverClock"
        });
    </script>
</body>
</html>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:34425次
    • 积分:1817
    • 等级:
    • 排名:千里之外
    • 原创:147篇
    • 转载:26篇
    • 译文:3篇
    • 评论:5条
    最新评论