国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

用CSS制作Alpha濾鏡測試板

2024-07-11 08:39:39
字體:
供稿:網(wǎng)友

alpha濾鏡給制作網(wǎng)頁特效提供了較大的創(chuàng)作空間,但由于它控制參數(shù)較多,在實際應(yīng)用時,為了確定一組合適的參數(shù)值,不得不反復(fù)調(diào)整修改,在編輯窗口和預(yù)覽窗口來回倒騰,甚是麻煩,本文介紹了一種簡單的方法。制作一個“Alpha濾鏡參數(shù)測試板”,在測試板上輸入?yún)?shù)值后,點一下鼠標,立即可看到結(jié)果,完全的“立等可見”,使你很快就能獲得一組合適地參數(shù)值,從而給你節(jié)約許多寶貴時間。
  測試板具體的制作方法:
  1、輸入一段文字或插入一張圖片;
  2、制作一個alpha濾鏡,名稱為:.alpha1。參數(shù)任意,不是使用Dreamweaver的網(wǎng)友,可直接把下面的濾鏡代碼復(fù)制到網(wǎng)頁源代碼的〈head〉與〈/head〉之間;

〈styletype="text/CSS"〉
〈!–
.alpha1{filter:alpha(opacity=50)}
–〉
〈/style〉

  3、插入一個層,給層取名為:myimage,這一點很重要,否則javascript程序?qū)o法執(zhí)行,因它不知對那個對象操作。在層上插入一張圖片或?qū)懮弦欢挝淖郑ㄈ羰怯梦淖謩t應(yīng)給層設(shè)置背景色),在層上加載alpha濾鏡。這個圖層必需能覆蓋信住下面的文字或圖象;
  4、在上面插入的層中再插入一個層(這個圖層應(yīng)放置在上次插入的圖層的下方,不要相互遮蓋),并在層上做一個輸入alpha濾鏡主要參數(shù)的表單,像圖1所示的那樣,表單中要加入一個“onchage”事件來調(diào)用javascript函數(shù),以達到動態(tài)改變Alpha濾鏡參數(shù)的目的。網(wǎng)頁源代碼中表單的代碼是這樣的:

〈form〉
〈p〉輸入透明度
〈inputtype="text"name="opacity"size="4"value="100"onChange="setfilter()"〉
〈br〉
輸入結(jié)束狀態(tài)的透明度
〈inputtype="text"name="finishopacity"size="4"value="0"onChange="setfilter()"〉
〈br〉
輸入樣式的值
〈inputtype="text"name="setstyle"size="3"value="0"onChange="setfilter()"〉
〈/p〉
〈/form〉

  這段代碼中的“onChange="setfilter()"”在用Dreamweaver制作表單時不能自動生成,必須手動加入。表單中的初始值也就是Alpha濾鏡的初始參數(shù)值。
  5、在網(wǎng)頁源代碼〈head〉與〈/head〉之間插入下面這段javascript程序:

〈scriptlanguage="javascript"〉
〈!–
functionsetfilter()
{
myimage.filters.alpha.opacity=document.forms(0).opacity.value;
myimage.filters.alpha.finishopacity=document.forms(0).finishopacity.value;
myimage.filters.alpha.style=document.forms(0).setstyle.value;
}
–〉
〈/script〉

  這段程序的作用是把在表單中輸入的濾鏡參數(shù)值傳給Alpaha濾鏡。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 晴隆县| 辰溪县| 潜江市| 壶关县| 巫山县| 房产| 香港| 屏东县| 岳阳县| 福泉市| 博乐市| 忻州市| 英超| 华蓥市| 十堰市| 梅州市| 清河县| 永昌县| 汽车| 怀仁县| 莆田市| 蓬溪县| 鲜城| 赤城县| 开封县| 合肥市| 泰宁县| 新巴尔虎左旗| 左云县| 白沙| 成都市| 宁化县| 德格县| 新建县| 新竹县| 邹城市| 台安县| 台安县| 高平市| 宁海县| 盱眙县|