PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > Jquery插件 > jQuery日期时间 > 正文

    jQuery MyDigitClock数字钟

    作者:admin来源:B5教程网浏览:时间:2014-04-27 09:07:34我要评论
    分享到

    内容介绍

    这个是笔者今天随意写的一个jquery plugin,名为 MyDigitClock 作为送给大家的节日礼物! 它狠简单,你可以在网页上加个简单的live digital clock (数字钟),还有一点动画效果,保证你的网页马上充满生气。你可以指定颜色字型,有没有跳动效果等。狠容易使用,支持一页显示多个钟。
    使用方法:
    加上jquery及jquery.MyDigitClock.js的reference
     
    <script src="js/jquery.MyDigitclock.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    2. 在显示的地方加上div
     
    $(function(){
        $("#clock1").MyDigitClock();
     
        $("#clock2").MyDigitClock({
            fontSize:50, 
            fontFamily:"Century gothic", 
            fontColor: "#000", 
            fontWeight:"bold", 
            bAmPm:true,
            background:'#fff',
            bShowHeartBeat:true
            });
             
        $("#clock3").MyDigitClock({
            fontSize:150, 
            fontColor:"grey",
            background:"#fff",
            fontWeight:"bold",
            timeFormat: '{HH}:{MM}'}
        );
    });
     
    下载资源:130 下载积分:0
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-87-155-1.html
    相关热词搜索: MyDigitClock 数字钟