如何制作漸變的按鈕

2022-06-13 來源: 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

《如何制作漸變的按鈕》本文是由JSP教程免費提供，內容來源於互聯網,本文歸原作者所有。

上一篇文章：簡單介紹CSS結合JS的運用

下一篇文章： “淺薄”絕不該是中國程序員的性格特征

主板 CPU 硬盤內存顯卡聲卡顯示器光驅死機