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

jquery plugin - MyLiveWallpaper

發佈: 07-07-2011

分類: Open Source jquery plugins 開源插件

這jquery plugin可以模擬android上google nexus s其中一個live wallpaper。Live wallpaper是android手機上的一個有趣功能,android live wallpaper不會像iphone os 一般只有靜態wallpaper。Live wallpaper是會動的,而且有時更可以跟用戶有互動。筆者是用google 的nexus s,因此很喜歡這個live wallpaper,就利用jquery把它放在網頁上玩一下!

筆者只做了移動效果,互動的功能就留待你去完成!(由於用法比較詳細,以下只列出jquery code,有興趣的朋友,請到英文版demo中的code and usage頁面了解詳情)

Download: jquery.MyLiveWallpaper.js

Demo: MyLiveWallpaper

License: MIT License

作者: KF Software House

jQuery Code:

//the digit clock using MyDigitClock jquery plugin 
//http://www.kfsoft.info/digitClockDemo.php

$("#clock1").MyDigitClock({
	background:"",
	fontColor: "#fff",
	fontFamily: "'Maven Pro', 'Segoe UI', arial, serif",
	fontSize: "140px",
	timeFormat: '{HH}:{MM}',
	bShowHeartBeat:true
});

//the dots for 4 different directions
$("#rightRays img").MyLiveWallpaper({direction:1});
$("#leftRays img").MyLiveWallpaper({direction:2});
$("#upRays img").MyLiveWallpaper({direction:3});
$("#downRays img").MyLiveWallpaper({direction:4});
訪客: Copyright ©2011 KF Software House 版權所有 | 網站地圖