熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

如何制作漸變的按鈕

2013-11-15 09:48:26  來源: JSP教程 
   有很多熱心的朋友都問這個效果是怎麼做的因為單獨說起來很麻煩的所以我在這裡做個小小教程 
實現起來原理是這樣的用javascript來給css中的 alpha濾鏡產生一個循環檢測alpha值是否達到如果沒達到則+直到達到原理是這樣的具體實現起來可以把以下javascript放在葉面的<head>和</head>中間 
<SCRIPT language=JavaScript
<! 
function high(which){ 
theobject=which 
highlighting=setInterval(\highlightit(theobject)\

function low(which){ 
clearInterval(highlighting) 
whichfiltersalphaopacity= 

function highlightit(cur){ 
if (curfiltersalphaopacity<
curfiltersalphaopacity+= 
else if (windowhighlighting) 
clearInterval(highlighting) 


</script> 
然後在需要變化的圖片的<img>標記裡面寫上onmouseout=low(this) onmouseover=high(this) 
style=\FILTER: alpha(opacity=)\就行了
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19146.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.