这个是笔者今天随意写的一个jquery plugin,名为 MyDigitClock 作为送给大家的节日礼物! 它狠简单,你可以在网页上加个简单的live digital clock (数字钟),还有一点动画效果,保证你的网页马上充满生气。你可以指定颜色字型,有没有跳动效果等。狠容易使用,支持一页显示多个钟。
加上jquery及jquery.MyDigitClock.js的reference
1 2 | < script src = "js/jquery.MyDigitclock.js" ></ script > < script type = "text/javascript" src = "jquery.js" ></ script > |
2. 在显示的地方加上div
1 2 3 | < div id = "clock1" ></ div > < div id = "clock2" ></ div > < div id = "clock3" ></ div > |
3. 直接call MyDigitClock()
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | $( 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}' } ); }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com