盗墓笔记有声小说,小说阅读网免费小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

DIV樣式中一些特殊效果用法舉例

上節(jié)我們介紹了DIV樣式中的常用屬性，那么你對(duì)DIV樣式的特殊效果是否了解，這里和大家簡(jiǎn)單分享一下，相信本文介紹一定會(huì)讓你有所收獲。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供齊河網(wǎng)站建設(shè)、齊河做網(wǎng)站、齊河網(wǎng)站設(shè)計(jì)、齊河網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、齊河企業(yè)網(wǎng)站模板建站服務(wù)，十多年齊河做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

DIV樣式中一些特殊效果：

1、cursor:設(shè)置DIV上光標(biāo)的樣式。

2、clip:設(shè)置剪輯矩形。

例：

Code

 
 
 
  
  
  
  
  
  
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、DIV樣式特殊效果之filter:濾鏡效果。

例：

Code

 
 
 
  
  
   
  
  
  
  
  
  
float:left;width:200px;height:200px;">

說(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)';#p#

◆以下是濾鏡綜合的例子，將以下代碼復(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;">

◆DIV樣式特殊效果之a(chǎn)lpha效果

◆DIV樣式特殊效果之blur效果

 
 
 
  
  
  ：
 
  
  
  add為1代表字有陰影，0代表字全部模糊。  
  
  
  abcdefghijklmnopqrstuvwxyz

"onclick="this.style.backgroundColor='#ff0000'

"ondblclick="this.style.backgroundColor='black';">

◆DIV樣式特殊效果之chroma效果

 
 
 
  
  
  ：
 
  
  
  原為黃色，單擊變成紅色變成透明，雙擊變成黑色。

◆DIV樣式特殊效果之fliph效果

 
 
 
  
  
  ：
 
  
  
  ABCDEFGH
 
  
  
  IJKLMNOP
 
  
  
  此屬性在設(shè)置寬高后有效

◆DIV樣式特殊效果之flipv效果

 
 
 
  
  
  ：
 
  
  
  ABCDEFGH
 
  
  
  IJKLMNOP
 
  
  
  此屬性在設(shè)置寬高后有效

新聞中心

其他資訊