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   閱讀:3593    發布者:3593

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和其他選擇器的組合。

 

主站蜘蛛池模板: 女被啪到深处喷水gif动态图 | 精品亚洲午夜久久久久91 | 亚洲精品国男人在线视频 | 天天操夜夜添 | 日韩高清不卡一区 | 日本精品无码一区二区三区久久久 | 手机看片福利一区二区三区 | 国产亚洲精品aa片在线爽 | 艳妇乳肉豪妇荡乳流白浆 | 久久久九九精品国产毛片a片 | 久久蜜桃av一区精品变态类天堂 | 久久久黄色大片 | 天天草天天草 | 国产乡下三级全黄三级 | 超级碰在线视频 | 白嫩丰满国产精品 | 爱色婷婷| 草裙社区精品视频播放 | 欧美人体一区二区视频 | 国产美女无遮挡裸色视频 | 91国偷自产中文字幕久久 | 精品国产三级a∨在线 | 亚洲日本乱码中文在线电影 | 国产成人69视频午夜福利在线观看 | 福利片第一页 | 极品粉嫩鲍鱼视频在线观看 | 久草久草视频 | 五月天婷婷丁香网 | 国产7色在线 | 国产 | 亚洲国产精品97久久无色 | 黄色小说在线视频 | 丝袜 亚洲 另类 欧美 重口 | 天天干天天夜 | 人人妻人人做人人爽夜欢视频 | 欧美成人乱码一区二区三区 | 黄色在线国产 | 午夜视频体内射.com.com | 午夜福利视频合集1000 | 亚洲国产婷婷综合在线精品 | 中文字幕无码视频专区 | 国产一区在线视频观看 | 中国少妇翘臀啪啪无遮挡 | 满春阁精品a∨在线观看 | 欧美人与动牲交zooz3d | 天天插天天爽 | 日韩在线视频线视频免费网站 | 1000部无遮挡拍拍拍免费视频观看 | 东京天堂网天堂网 | 欧美国产日韩在线视频 | 精品无码成人片一区二区98 | 国产精品第一区 | 久久精品国产久精国产果冻传媒 | 一区二区三区久久含羞草 | 欧美日韩一区二区三区自拍 | 亚洲日本高清成人aⅴ片 | 日韩影音 | 黑人又粗又大又硬a片 | 久久精彩免费视频 | 日韩在线不卡免费视频一区 | 中文字幕一区二区人妻性色 | 亚洲美女激情视频 | 操爱网 | 一本色道88久久亚洲综合加勒比 | 无码国产精品一区二区免费式芒果 | 中出一区二区 | www.9999av | 又色又爽又高潮免费视频国产 | 大美女100%| 老太婆av| 国语对白少妇×××bbb | 激情综合色五月六月婷婷 | 性色高清xxxxx厕所偷窥 | 日日操夜夜撸 | 精品久久久久久无码人妻蜜桃 | 永久黄网站色视频免费无下载 | 欧美一级视频免费观看 | 日本边添边摸边做边爱喷水 | 三上悠亚国产精品一区内容阅读 | 国产成人综合久久精品av | 中文字幕乱视频 | 中国性少妇内射xxxx狠干 | 秋霞久久国产精品电影院 | 欧美做受高潮中文字幕 | 国产露脸系列magnet | 天码av无码一区二区三区四区 | 亚洲爆爽av| 欧美成人看片黄a免费看 | 亚洲 欧美日韩 国产 中文 | 真多人做人爱视频高清免费 | 无码人妻精品一区二区三区不卡 | 富婆饥渴难耐69xxxx | 777国产成人入口 | 91成人xxx | 国产成人99久久亚洲综合精品 | 69视频污| 国产尤物av尤物在线看 | 国产亚洲精品俞拍视频 | 久久精品视频网 | 亚洲一区二区在线视频 |