Home 主頁 Service 服務計畫 Android App 手機程式 Expertise 專業領域 Blog 博客 Download 下載 FAQ 網頁製作常見問題 Support 支援 Links 友情連結 Contact Us 聯絡我們

jquery plugin - MyDigitClock

發佈: 04-19-2011

分類: Open Source jquery plugins 開源插件

這個是筆者今天隨意寫的一個jquery plugin,名為 MyDigitClock 作為送給大家的復活節禮物! 它很簡單,你可以在網頁上加個簡單的live digital clock (數字鐘),還有一點動畫效果,保證你的網頁馬上充滿生氣。你可以指定顏色字型,有沒有跳動效果等。很容易使用,支持一頁顯示多個鐘。

Download: jquery.MyDigitClock.js

Demo: MyDigitClock

License: MIT License

作者: KF Software House

1. 加上jquery及jquery.MyDigitClock.js的reference

< script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript">< /script>
< script src="js/jquery.MyDigitclock.js">< /script>

2. 在顯示的地方加上div

3. 直接call MyDigitClock()

$(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}'}
	);
});
訪客: Copyright ©2011 KF Software House 版權所有 | 網站地圖