有声小说打包下载,好看的言情小说,欢乐颂小说

新聞中心

這里有您想知道的互聯網營銷解決方案

解析DIVstyle中特殊效果的實現

本文向大家描述一下DIV style一些特殊效果，主要包括cursor：設置DIV上光標的樣式，filter：濾鏡效果以及其他效果。

成都創(chuàng)新互聯堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都做網站、成都網站建設、成都外貿網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的烏拉特前網站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

DIV style一些特殊效果

1、cursor:設置DIV上光標的樣式。

2、clip:設置剪輯矩形。

例：

代碼

 
 
 
  
  
  
  
  
  
cursor:help;clip:rect(0px100px20px0px); 
  
  
  line-height:20px;overflow:auto; 
  
  
  background-color:Yellow;position:absolute">div樣式測式howareyou.

說明：clip:rect(toprightbottomleft);設置上下左右的距離,但此時要把position指定為absolute。看以上效果。

3、filter:濾鏡效果。

例：

代碼

 
 
 
  
  
  
  
  
  
background-color:Blue;">
  
  
  
  
  
  

  
  
  filter:alpha(opacity=50);opacity:0.5;float:left;width:200px; 
  
  
  height:200px;">

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

說明：設置透明度:opacity：value(FF專用,value的取值為0至1之間的小數)，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)';

*以下是濾鏡綜合的例子，將以下代碼復制到一個網頁文件中就可看到其效果，所以就不要加以說明了。

例：

 
 
 
  
  
  
  
  
  
  
  
  #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的光的強度0--100；此時不能設DIV的背景色。

height:100px;text-transform:uppercase;color:black;">

mask效果：

沒有明顯效果,不能設背景色。

width:100px;height:100px;">

新聞名稱：解析DIVstyle中特殊效果的實現
當前地址：http://m.fisionsoft.com.cn/article/cdoohcd.html

新聞中心

其他資訊