jQuery实现时钟插件

原创 2016年05月31日 20:54:32
<!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>

15款很有用的jquery时钟插件和教程

jQuery是现在使用最广泛的JS库。在你的网站里里可以使用着15款jQuery时钟插件。对于网站设计和开发人员来说,这是一个好消息。使用它们能使你的网站更美和更吸引人。 1.JDIGICLOCK ...
  • zf900901298
  • zf900901298
  • 2013年11月07日 09:35
  • 6718

动态数字时钟jquery拓展小插件

jQuery数字时钟插件MyDigitCl
  • hj960511
  • hj960511
  • 2016年11月16日 10:47
  • 962

html5+jQuery实现数字时钟/模拟时钟

html5+jQuery实现数字时钟/模拟时钟 CSS3 Digital Clock with jQuery body{   background:#202020...
  • wustzbq0713
  • wustzbq0713
  • 2015年06月06日 13:25
  • 738

JQuery插件机制

前言在实际的项目开发中,很多时候会用一些特殊的处理手段,很多时候会在现有jQuery的基础上进行扩展一些方法或者制作一些插件。下面介绍如何利用jQuery扩展新的方法及如何使用。帮助文档API介绍jQ...
  • u010989191
  • u010989191
  • 2016年05月03日 21:42
  • 865

jquery自定义插件实现分页效果

jquery自定义插件实现分页效果,简单好用
  • GISShiXiSheng
  • GISShiXiSheng
  • 2014年10月13日 18:01
  • 3427

JQuery实现简单实用的气泡提示插件

在程序提交后,我们需要验证并提示出错的位置,利用JQuery我们可以轻松实现气泡提示,先看效果图: 具体调用代码: input name="ipt" id="ipt" value=""...
  • dyllove98
  • dyllove98
  • 2013年04月26日 16:12
  • 1004

jQuery插件编写

jQuery插件编写的一些总结
  • liujie19901217
  • liujie19901217
  • 2016年07月15日 17:29
  • 4383

checkbox 全选/反选功能的 jquery插件(支持多页保持选择)

XCheck为checkbox 全选/反选功能的 jquery插件,支持多页情况下保存已选项的情况。...
  • luoyeyu1989
  • luoyeyu1989
  • 2016年02月09日 17:58
  • 2433

jQuery实现自由拖动DIV插件

实现简单Div的拖动效果,主要分为三步。 1,需要拖动的Div拖动绑定,mousedown事件,鼠标mousedown的时候记录此时的鼠标相对浏览器的x轴和y轴,以及需要拖动Div的相对浏览器的le...
  • summer7310
  • summer7310
  • 2017年01月12日 14:10
  • 2366

自己动手开发jQuery插件全面解析 jquery插件开发方法(这个写的还可以,但不够细致)

jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象...
  • dashileipeng
  • dashileipeng
  • 2013年06月24日 19:59
  • 5519
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery实现时钟插件
举报原因:
原因补充:

(最多只允许输入30个字)