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 - MyFadeOverImage
分類: Open Source jquery plugins 開源插件
這plugin可以幫助你在圖片mouse over(hover)時，另圖片有fade in的效果。怎麼fade in呢？當然是hover前和後的圖片看上去有些分別才可以吧。借助這plugin，我們不用另外準備別的圖片，單一圖片（本來那幅）就夠了。 這plugin可幫你以css在圖片上加上顏色，而且，你可以選擇hover前後的透明度，因此可以輕易做出單一圖片fade in的效果。請看demo。
Download: jquery.MyFadeOverImage.js
Demo: MyFadeOverImage
License: MIT License
jQuery Code:
//SIMPLEST CASE
$("img").MyFadeOverImage({
imageWidth:100,
imageHeight:100
});
//OR
$("img").MyFadeOverImage({
normalAlpha:0.5,
hoverAlpha: 1,
normalToneColor:"#fff", //smog effect
imageWidth:100,
imageHeight:100
});
//OR
$("img").MyFadeOverImage({
normalAlpha:0.8,
hoverAlpha: 1,
normalToneColor:"#fff", //smog effect
imageWidth:100,
imageHeight:100,
fadeInSpeed: "500",
fadeOutSpeed: "500"
});