新發現:滑鼠移過,改變網頁任何元素透明度 (FF、IE7、IE6)

今天在這個網站飛鳥新樂園發現到一個簡單又很有質感的特效

他直接可以讓你的圖片製造出透明度的變化

豆漿覺得非常實用,決定以後在展示攝影圖片展示時可以稍微區別

以下是他的教學連結網頁:點我

我把他測試在前一篇高雄武德殿的圖片展示

發現其實他配合lightbox的特效還蠻不錯的

他特別在可以讓你選擇性針對想要展示特效的地方

一一設定,雖然麻煩不過豆漿我利用文字編輯的取代功能也很快就弄好

只需要針對你需要的地方,不管是div、span、img、p、td等

加入:

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100;"    
onMouseOut="this.style.opacity=0.5;this.filters.alpha.opacity=50;"
style="opacity: 0.5;filter:Alpha(Opacity=50)"


即可

詳細的介紹請到他的網站

範例:




相關文章 :

0 意見:

張貼留言