Android 開發教學
Open Source jquery plugins 開源插件
· jquery plugin - MyFloatingBg
· jquery plugin - MyGoogleWeather
· jquery plugin - MyLinkConfirm
· jquery plugin - MyFadeOverImage
· jquery plugin - MyTopMessageBar
· jquery plugin - MyGoogleStyleFloatingMen..
· jquery plugin - MyGooglePlusOneButton
· jquery plugin - MyTextExpander
· jquery plugin - MyLiveWallpaper
· jquery plugin - MyThumbnail
· jquery plugin - MyPianoFadingButton
· jquery plugin - MyPicResolutionSelector
· jquery plugin - MyQRCode
· jquery plugin - MyFacebookStyleSidebar
· jquery plugin - MyCnnStyleMenu
· jquery plugin - MyGoogleStyleMenu
· jquery plugin - MyLoading
· jquery plugin - MyNewLink
· jquery plugin - MyDigitClock
Android應用分享
程序設計
網頁設計
電腦及互聯網
Open Source jquery plugins 開源插件
· jquery plugin - MyFloatingBg
· jquery plugin - MyGoogleWeather
· jquery plugin - MyLinkConfirm
· jquery plugin - MyFadeOverImage
· jquery plugin - MyTopMessageBar
· jquery plugin - MyGoogleStyleFloatingMen..
· jquery plugin - MyGooglePlusOneButton
· jquery plugin - MyTextExpander
· jquery plugin - MyLiveWallpaper
· jquery plugin - MyThumbnail
· jquery plugin - MyPianoFadingButton
· jquery plugin - MyPicResolutionSelector
· jquery plugin - MyQRCode
· jquery plugin - MyFacebookStyleSidebar
· jquery plugin - MyCnnStyleMenu
· jquery plugin - MyGoogleStyleMenu
· jquery plugin - MyLoading
· jquery plugin - MyNewLink
· jquery plugin - MyDigitClock
Android應用分享
程序設計
網頁設計
電腦及互聯網
jquery plugin - MyDigitClock
分類: Open Source jquery plugins 開源插件
這個是筆者今天隨意寫的一個jquery plugin,名為 MyDigitClock 作為送給大家的復活節禮物！ 它很簡單，你可以在網頁上加個簡單的live digital clock (數字鐘)，還有一點動畫效果，保證你的網頁馬上充滿生氣。你可以指定顏色字型，有沒有跳動效果等。很容易使用，支持一頁顯示多個鐘。
Download: jquery.MyDigitClock.js
Demo: MyDigitClock
License: MIT License
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}'}
);
});