posts - 110,  comments - 152,  trackbacks - 0


          鏈接

          :link 用來給沒有被訪問過的鏈接設定樣式
          :visited 用來設定已經訪問過的鏈接的樣式
          :hover 動態偽類設定鼠標停留處元素的樣式
          :active 動態偽類用來尋找被激活的元素
          由于偽類之間的特殊性是相同的,所以設定偽類樣式時需要注意順序。
          合理的順序是:a:link,a:visited,a:hover,a:active 簡記為LoVe:HAte.
          其中:link,:visited是A標簽專用的,而:hover,:active等不限于A元素,也可以在其他某些元素上。

          讓鏈接看起來酷酷的
          <ps:這個其實沒有多少技術的東西在里面,關鍵是創意>
          大家可以看看這里的例子: 示例下載

          為鏈接添加有意義的修飾


          1.標識離開網站的鏈接
          方案1:給相應的鏈接加上一個適當的圖標來標識鏈接的類型:比如該鏈接是否鏈接到網站外的地址;是否是一個email地址;是否啟動一個im請求甚至于標識下載文件的類型等等。
          改進方案:每個鏈接都加的話太麻煩,維護起來也不方便。可以采用屬性選擇器來幫助我們完成這樣的工作。
          比如想這樣:
          a[href^= "mailto"]{
              background:url(email.png) no-repeat right top;
              padding-right:10px;
          }
          但是IE6里面是不支持屬性選擇器的,只能變通一下:可以采用javascript+Dom的方式來完成。可以在這個地方查看:http://simonwillison.net/2003/Mar/25/getElementsBySelector/
          里面提到的SimonWillison寫的getElementBySelector方法。
          大家可以看看這里的例子: 示例下載

          把鏈接做的像按鈕


          思路:將鏈接的可響應事件的響應區域擴大到整個背景區域,這樣看起來這個鏈接象是個按鈕。
          實現:其實很簡單只需要設置A標簽的display:block就可以了。這樣的話A會一改自己的行內元素的性質,轉換成一個塊元素。這樣就達到目的了。
          問題:IE5.x如果不設置元素的width,height的話,即時設置了display:block也是沒有用的,所有要顯示的設置width,height的值。
          大家可以看看這里的例子: 示例下載

          圖像翻轉


          方案1:簡單翻轉:利用顏色的反差來形成翻轉效果。
          方案2:具有圖像的翻轉 由于多圖片翻轉在第一次載入的時候回出現圖像短暫延遲的,造成閃爍效果。
          改進方案2:Pixy方法,替換圖片時顯示圖片不同部位。
          利用這樣技術的一種應用:標識那些鏈接已經被訪問過了,這個看起來還挺個性的。
          大家可以看看這里的例子: 示例下載

          純CSS工具提示


          其實就是把預先設置好的提示信息隱藏了,在適當是時機顯示在適當的位置。
          還是看例子來的實在。示例下載



          平凡而簡單的人一個,無權無勢也無牽無掛。一路廝殺,只進不退,死而后已,豈不爽哉!
          收起對“車”日行千里的羨慕;收起對“馬”左右逢緣的感嘆;目標記在心里面,向前進。一次一步,一步一腳印,跬步千里。
          這個角色很適合現在的


          posted on 2007-12-26 01:57 過河卒 閱讀(1173) 評論(2)  編輯  收藏 所屬分類: W3C/Css/Html
          文章來自: http://www.blogjava.com/ponzmd/ (彭俊-過河卒) 轉貼請聲明!
          訪問統計:
          主站蜘蛛池模板: 外汇| 子长县| 景泰县| 铜陵市| 常山县| 清水县| 山阴县| 修水县| 南岸区| 旬邑县| 海原县| 边坝县| 开远市| 神木县| 增城市| 武冈市| 澎湖县| 山阴县| 通海县| 北海市| 长葛市| 大港区| 遂平县| 沽源县| 井冈山市| 北票市| 沁阳市| 麦盖提县| 长丰县| 左贡县| 新河县| 漳平市| 台中县| 资溪县| 云阳县| 揭东县| 叙永县| 卫辉市| 霞浦县| 扎鲁特旗| 三河市|