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

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

 

主站蜘蛛池模板: 天堂av一区 | 无尺码精品产品网站 | 精品国产v无码大片在线观看 | 福利亚洲 | 无码av不卡免费播放 | 综合久久99 | 亚洲永久精品ww47 | 亚洲国产精品无码中文字app | 午夜精品视频一区二区三区在线看 | 理论片高清免费理论片毛毛片 | 久久av资源网 | 亚洲va中文字幕无码 | 免费又色又爽又黄的成人用品 | 国语自产精品视频在线30 | 九一亚色 | 天天干天天舔天天操 | 色宅男看片午夜大片啪啪 | 国产精品国语对白 | av最新天| 天美星空大象mv视频在线观看 | 国产乱子伦视频大全 | 洗澡被公强奷30分钟视频 | 激情综合激情五月俺也去 | 欧美在线视频免费播放 | 久久精品视频网站 | 国产午夜福利不卡在线秋霞秋霞 | 中文字幕日韩精品在线观看 | 人妻有码精品视频在线 | 真实国产老熟女粗口对白 | 少妇被黑人到高潮喷出白浆 | 日本精品视频在线播放 | 亚洲网站在线免费观看 | 青青草超碰在线 | 美女初尝巨物嗷嗷叫自拍视频 | 日韩精品少妇 | 妇欲欢公爽高h欢欲苏欢苏望章 | 久久乐av | 色综合久久精品 | 国产97在线 | 免费 | 正在播放强揉爆乳女教师 | 中日韩美中文字幕av一区 | 欧美日韩偷拍视频 | 最新在线精品国自产拍福利 | 毛片网站在线播放 | 97婷婷大伊香蕉精品视频 | www.国产精品视频 | 天天干网| 天堂网成人 | 国产高清一区二区三区视频 | 亚洲图片视频在线观看 | 91偷偷鲁偷偷鲁综合网站 | 成人综合网亚洲伊人 | 天天在线看无码av片 | 日本高清视频色欧www | 4438x成人网全国最大 | 玩中年熟妇让你爽视频 | 成人免费无码大片a毛片抽搐色欲 | 免费黄毛片 | 亚洲中文字幕无码卡通动漫野外 | 伊人一区二区三区 | 国产亚洲高初学生不卡观看 | 国产欧美一区二区精品老汉影院 | 黄色一级视频免费观看 | 午夜肉伦伦 | 亚洲中文字幕无码中文字在线 | 狠狠躁天天躁夜夜添人人 | 国产在线拍偷自揄拍无码 | 国产精品三级av | 亚洲男人a在天堂线一区 | 国产边摸边吃奶边叫做激情视频 | 中文字幕 制服 亚洲 另类 | 全黄久久久久a级全毛片 | 国产肥白大熟妇bbbb | 少妇高潮水多太爽了动态图 | wwwxxx亚洲 | 插插色综合网 | av小说亚洲 | 亚洲综合在线另类色区奇米 | 亚洲人成无码区在线观看 | 精品一区二区在线看 | 黄色小视频在线 | 欧美激情一二三区 | 日韩久久免费视频 | 99久久久精品免费观看国产 | 国产成人免费一区二区三区 | 亚洲人成在线观看网站无码 | 99精品欧美一区二区蜜桃美图 | 男女超级黄aaa大片免费 | 国产精品卡1卡2卡三卡四 | 性啪啪chinese东北女人 | 毛片无码高潮喷液视频 | 四虎影视永久在线 | 欧美一级夜夜爽 | 偷拍福利视频一区二区三区 | 区一区二区三区中文字幕 | 国产人成精品 | 亚洲国产初高中女 | 国产成人综合久久久久久 | 国产精品免费看久久久 |