97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

CSS之詳解:active選擇器

2016/12/5 8:37:41   閱讀:3653    發布者:3653

Active的一段話

 active的英文解釋為"積極的",表現在鼠標上就是點擊的意思。關于active選擇器最多
的示例恐怕就是應用在鏈接上面的,然而打開鏈接是一個一瞬間的動作,這不能很好的體現
active選擇器的特點。

 

Active的特點

其實我們打開一個帶有active鏈接,激活acive是有一個過程的,就是點擊模塊后直到松開模塊。
如果我們不指定這個過程所花費的時間,筆者認為其默認花費零點幾秒。

<!DOCTYPE html> 
<html> 
  <head> 
    <title>a</title> 
    <meta name="content-type" content="text/html; charset=UTF-8"> 
      <style> 
      a{ 
        display:block; 
        width:30px; 
        margin:20px; 
        border-radius:8px; 
        padding:20px 50px; 
        text-align:center; 
        background:green; 
      } 
      a:active{ 
        background:indigo; 
      } 
    </style> 
  </head> 
   
  <body> 
    <a href="paris.jpg">link</a> 
  </body> 
</html>

 

我們可以通過過渡屬性(transition)來調整這個時間。

      a:active{ 
        background:indigo; 
        transition:3s; 
      }

 

讀者可以做一個實驗,改變其中transition的值,然后測試:avtive選擇器所花費的時間。

 

ACTIVE示例

<!DOCTYPE html> 
<html> 
  <head> 
    <title>a</title> 
    <meta name="content-type" content="text/html; charset=UTF-8"> 
    <style>  
       div 
      { 
        width:100px; 
        height:100px; 
        background:red; 
        transition: 5s; 
       } 

        div:active 
       { 
        width:300px; 
        height:300px; 
        transition:3s; 
        } 
      </style> 
  </head> 
  <body> 
  <div></div> 
  </body> 
</html> 
             

這里面有兩個transition,也就是意味著有兩個過渡。

    1. 第一個過渡是激活active選擇器,這時候 div:avtive 里的 transition 起作用。
    2. 第二個過渡是松開鼠標,圖像的尺寸恢復正常的過程,這時候 div 里的 transition 起作用。

如果讀者只設置了在 div 里面的 transition ,那么選擇器的過渡時間也就默認為 div 里的 transition 了。

 

如果讀者有興趣也可以試一試transition和其他選擇器的組合。

 

主站蜘蛛池模板: 曰本a∨久久综合久久 | 国产v在线观看 | 国产淫 | 国产免费又色又爽又黄女性同恋 | 日韩成人免费观看视频 | 国产欧美色一区二区三区 | 曰本av中文字幕一区二区 | 99riav.6国产情侣在线看 | www.天天色 | 日本三级网站在线 | 99热这里只有精品最新地址获取 | 999日韩| jzjzjz亚洲丰满少妇 | 色综合久久天天综合 | 亚洲欧美综合自拍 | 亚洲国产成人精品av区按摩 | 亚洲∧v久久久无码精品 | 午夜精品久久久内射近拍高清 | jlzzjlzz国产精品久久 | 精品久久久久一区 | 亚洲在线播放 | 7777精品伊人久大香线蕉软件 | 国模汤芳大尺度啪啪 | 999小视频| 亚洲欧洲自拍拍偷精品 美利坚 | 成人免费无码大片a毛片抽搐色欲 | 2019国产品在线视频 | 偷拍精偷拍精品欧洲亚洲网站 | 少妇把腿扒开让我舔18 | 色琪琪丁香婷婷综合久久 | a∨天堂亚洲区无码先锋影音 | 我要看三级毛片 | 日韩一级片网址 | 影音先锋在线观看视频 | 91看片在线看 | 国产精品久久久久久久久齐齐 | 4hu四虎影视入口 | www.少妇| 91大奶 | 极品美女高潮呻吟国产剧情91 | 日韩视频 中文字幕 视频一区 | 狠狠狠色丁香综合婷婷久久 | 欧美亚洲日本国产黑白配 | 日韩精品一区二区三区在线观看l | 国产又黄又猛又粗 | 日韩精品一二区 | 色妞色视频一区二区三区四区 | 91久久人澡人人添人人爽爱播网 | 性色av一区二区三区 | 精品国产麻豆免费人成网站 | 在线a亚洲老鸭窝天堂av高清 | av调教 | 可以直接看av的网址 | 国产欧美日韩中文字幕 | 国产精品区av | 丝袜精品 欧美 亚洲 自拍 | 97婷婷大伊香蕉精品视频 | 97国产最新 | 在线观看黄网 | 先锋影音资源2中文字幕 | 久久人久久 | 欧美综合社区 | 91久久综合亚洲鲁鲁五月天 | 国产又滑又嫩又白 | 国产2区 | 国产精品成人免费视频一区 | 日韩欧美中文在线视频 | 亚洲欧美日韩综合一区二区 | 免费观看潮喷到高潮大叫网站 | 中文一区在线 | 日日综合 | 五月天婷婷免费视频 | 国产10000部拍拍拍免费视频 | 亚洲另类伦春色综合图片 | 亚洲欧美一区久久牛牛 | 欧美激情国产精品 | 成人午夜视频免费 | 男女天堂网 | 丁香综合| 白嫩日本少妇做爰 | 韩国av不卡| 免费观看特级毛片 | 欧美亚洲在线 | 日韩一区二区视频在线播放 | 爽爽窝窝午夜精品一区二区 | 国产成人免费9x9x人网站视频 | 国产精品亚洲日韩欧美色窝窝色欲 | 九九精品99 | 手机av中文字幕 | 日韩在线小视频 | 色窝窝无码一区二区三区 | 日韩精品一卡2卡3卡4卡新区视频 | 国产美女视频免费观看的网站 | 国内精品久久久久久久影视蜜臀 | 精品国产一区二区三区四 | 国产末成年av在线播放 | 精品国产福利一区二区三区 | 在线精品动漫一区二区无码 | 亚洲国产精品无码久久九九大片 |