日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
解析DIVstyle中特殊效果的實現(xiàn)

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

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

DIV style一些特殊效果

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

2、clip:設置剪輯矩形。

例:

代碼

 
 
 
  1. cursor:help;clip:rect(0px100px20px0px);
  2. line-height:20px;overflow:auto;
  3. background-color:Yellow;position:absolute">div樣式測式howareyou.
  • 說明:clip:rect(toprightbottomleft);設置上下左右的距離,但此時要把position指定為absolute??匆陨闲Ч?。

    3、filter:濾鏡效果。

    例:

    代碼

     
     
     
    1. background-color:Blue;">
    2. filter:alpha(opacity=50);opacity:0.5;float:left;width:200px;
    3. height:200px;">
  • width:200px;height:200px;float:left;">
  • 說明:設置透明度: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)';

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

    例:

     
     
     
    1. #paneldivdiv
    2. {
    3. background-Color:yellow;
    4. height:200px;
    5. width:200px;
    6. }
    7. background-color:Blue;">
    8. startx=10,starty=10,FinishX=100,FinishY=100);
    9. opacity:0.5;">
    10. chroma效果:
    11. 原為黃色,單擊變成紅色變成透明,雙擊變成黑色。
  • glow效果:
  • strength的光的強度0--100;此時不能設DIV的背景色。
  • height:100px;text-transform:uppercase;color:black;">
  • mask效果:
  • 沒有明顯效果,不能設背景色。
  • width:100px;height:100px;">
  •  
    文章題目:解析DIVstyle中特殊效果的實現(xiàn)
    當前路徑:http://www.5511xx.com/article/cdoohcd.html