新聞中心
本文向大家描述一下DIV style一些特殊效果,主要包括cursor:設(shè)置DIV上光標(biāo)的樣式,filter:濾鏡效果以及其他效果。

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的烏拉特前網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
DIV style一些特殊效果
1、cursor:設(shè)置DIV上光標(biāo)的樣式。
2、clip:設(shè)置剪輯矩形。
例:
代碼
- cursor:help;clip:rect(0px100px20px0px);
- line-height:20px;overflow:auto;
- background-color:Yellow;position:absolute">div樣式測(cè)式howareyou.
說(shuō)明:clip:rect(toprightbottomleft);設(shè)置上下左右的距離,但此時(shí)要把position指定為absolute??匆陨闲Ч?/p>
3、filter:濾鏡效果。
例:
代碼
- background-color:Blue;">
- filter:alpha(opacity=50);opacity:0.5;float:left;width:200px;
- height:200px;">
- width:200px;height:200px;float:left;">
說(shuō)明:設(shè)置透明度:opacity:value(FF專用,value的取值為0至1之間的小數(shù)),filter:alpha(opacity=value)(IE專用,value取值:0至100)。
如果要有JavaScript改變DIV的透明度可用下面的方法:
FF中:document.getElementById('tdiv').style.opacity='0.9';
IE中:document.getElementById('tdiv').style.filter='alpha(opacity=90)';
*以下是濾鏡綜合的例子,將以下代碼復(fù)制到一個(gè)網(wǎng)頁(yè)文件中就可看到其效果,所以就不要加以說(shuō)明了。
例:
- #paneldivdiv
- {
- background-Color:yellow;
- height:200px;
- width:200px;
- }
- background-color:Blue;">
- startx=10,starty=10,FinishX=100,FinishY=100);
- opacity:0.5;">
- chroma效果:
- 原為黃色,單擊變成紅色變成透明,雙擊變成黑色。
- glow效果:
- strength的光的強(qiáng)度0--100;此時(shí)不能設(shè)DIV的背景色。
- height:100px;text-transform:uppercase;color:black;">
- mask效果:
- 沒有明顯效果,不能設(shè)背景色。
- width:100px;height:100px;">
分享文章:解析DIVstyle中特殊效果的實(shí)現(xiàn)
轉(zhuǎn)載注明:http://www.dlmjj.cn/article/cdoohcd.html


咨詢
建站咨詢
