CSS

 半透明效果有時候會給頁面增加不少色彩，特別是Vista盛行之後，半透明效果更加受推崇。在諸多可用於Web瀏覽的圖片格式中，只有PNG格式和Gif格式可以實現半透明效果，不過Gif格式的半透明效果很有限，而且會大範圍失真，所以目前最流行的方式就是使用PNG格式圖片。不過可惜的是，在Internet Explorer

文章目錄 1. CSS Design Awards2. Awwwards3. Webcreme4. Best Web Gallery5. Unmatched Style6. The Design Inspiration7. Css-Showcase8. Css Cake9. CSS Winner10. Moluv11. 101 Best Websites12. Dzine Mart13. Site Inspire14. Css Mania15. CSS

您可能還喜歡 60款高品質的網站模板免費下載30個漂亮的免費 Flash 網站模板下載最新30佳精美 PSD 網站模板免費下載尋找網頁設計構想的27個最佳網站推薦分享50個精美的免費 PSD 網站模板 　　當你需要在短時間內設計出一個網站的時候，網站模板就非常有用了。這也就是為什麼這些設計範本已成為設計領域的最新趨勢的原因。在這篇文章中，收集了各式各樣的網站模板，您可以免費下載使用，希望這些設計範本不僅帶給您靈感，也讓您回到創作軌跡。Green Planet( 示範 | 下載

If the background color of this paragraph is green (a darker green than this page's background) then the hack was applied.Example Codep.test { background-color: #f66;}*:first-child+html p.test { background-color: #6f6;}List of browsers that apply

平常設計表單的時候，我們會加入一些提示文字，比如說在搜尋方塊裡，我們會提示“請輸入關鍵字”，並在搜尋方塊得到焦點和失去焦點的時候適時的隱藏和顯示，最常見的做法是利用value來設定： 複製代碼 代碼如下:<form id="search"> <input type="text" id="keyword" name="keyword" value="請輸入關鍵字"> <button>搜尋</button> </form>

　　document.styleSheets裡儲存了當前頁面上所有CSS規則的集合。通過它可以遍曆出頁面<style>裡定義的所有selector，訪問selectorText屬性可得選取器的匹配規則。然後將規則規則傳遞給 document.querySelectorAll 即可擷取頁面內匹配此規則的元素列表。　　這裡我們只求CSS規則的覆蓋率，所以訪問 querySelectorAll().length 即可。通過排序就可看出各個CSS使用方式。　　代碼很簡單。複製代碼 代碼如下:

今天研究了一下JS的用setAttribute方法實現一個頁面兩份樣式表的效果，具體方法如下： 第一步：在串連樣式表的元素裡定義一個id,例如 複製代碼 代碼如下:<link href=”1.css” rel=”stylesheet” type=”text/css” id=”css”> 我定義的id是css。 第二步：寫一個js函數，代碼如下： 複製代碼 代碼如下:<script type=”text/javascript”> function change(a){

使用jquery動態載入js，css檔案 複製代碼 代碼如下:$.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? :file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att = name.split('.'); var

js 複製代碼 代碼如下:$(function(){ var length = $(".container a").length; var $items = $(".container a"); $items.on("transitionend", function(event){ $items.removeClass("trans"); }); $(".container a").each(function(index, value){ var $child = $(this); if

源碼下載bxCarousel參數說明： move：每次滾動移動圖片的數量，預設為4。 display_num：展示圖片的數量，預設為4。 speed：圖片捲動速度，預設為500毫秒。 margin：圖片間的間距，預設為0。 auto：是否自動滾動，預設為false。 auto_interval：當設為自動滾動時，每次滾動的時間間隔（毫秒），預設為2000毫秒即2秒。 auto_dir：自動滾動的方向，預設為next，你可以試下prev。

在Web項目的開發中,js,css檔案會隨著項目的開發變得越來越多,越來越大,這就給給效能方面帶來一些問題,如,頁面引入的的js,css越多的話,那麼對就增加了http請求數,解決該問題的一個好的方法就是合并js,css檔案. 下面就簡單介紹一個方法,十分簡單.下面介紹以合并js檔案為例 (1) G.js檔案 複製代碼 代碼如下:~function(){ window.G={}; G.Method={ add:function(){ alert(111);} ,sub:function(){

美工做的css樣式裡icon越來越多，手工來寫icon名幾乎不可能實現。所以就有了這個功能點：將css樣式裡的所有icon類列舉出來以圖形化的形式顯示供配置人員選擇！ 搜尋一圈，發現介紹從css裡遍曆東西的文章非常少。於是花了半天的時間自己來實現了！先看下一個選擇表徵圖的demo： 這裡用的是easyui：一個comboxtree。 這裡省略引用css和js庫的代碼（jquery和easyui庫）。 html： 複製代碼 代碼如下:<input id="cc"

當我們需要的是一條規則的時候，總不能在每次dom發生變化的時候去執行這個操作，否則也太效率低下了。好在dom中css rules也是可以修改的。不過不同瀏覽器的對於css rules的介面描述也不同，其中ie中以類似hash table的方式，而ff以數組方式。 從可程式化性上說，ie的介面描述更討程式員喜歡，不過從邏輯上說，ff顯然更為合理。 我提供了類似於ie的方式對兩套代碼進行簡單封裝，不過ie在dom的css

一、先看看在網頁中經常出現的按鈕與文字框的本來面目吧！　　對照，我們怎麼樣才能改變文字框與按鈕的模樣呢？那在下面我為大家提供兩種文字框與按鈕樣式作為例子參考，第一種是文字框與按鈕無立體感，只是有線 條顏色與填充顏色的，這種效果大家可能在很多網站上都看見過，給人一種特別的感覺，很不錯的，第二種效果就比較特殊了，是將文字框做成一種類似於底線的

是否想不用photoshop來建立一個帶漸層的標題文字嗎? 這裡用一個簡單的css技巧來向你展示如何僅僅使用css和png圖片來製造這種效果. 經測試這種方法適合大多數主流瀏覽器.當然, IE6需要一個支援透明PNG的Hack(值得慶幸的是微軟正在極力的將使用者的IE6自動升級到IE7^.^, 延伸閱讀:Warning: An IE7 Auto-Update Is Coming Soon) 優勢 這是純粹的css技巧,沒有使用任何ja指令碼或者flash,

CSS條狀圖表是我們在網頁設計中常常會遇到的一種形式。條狀圖表可以將數量，以條狀圖形的形式直觀的表示出來。 　　CSS基本條狀圖表的實現方法是什嗎？我們看下面的執行個體介紹： 複製代碼 代碼如下:<div class="graph"> <strong class="bar" style="width: 24%;">24%</strong> </div>

這個用純css實現的圖片放大效果,真不錯,看了以前有不少用純css實現的圖片放大效果的代碼,都不理想,還是在這個好啊看下面的HTML代碼：<div class="photo"> <ul> <li><a href="#nogo1" class="hor"><img src=http://www.jb51.net/logo.gif alt="" title="" /><b>Snow capped

這是按第2下蘭色的橫條才開始出效果,就是說第1下沒有獲得foot.style.display=="none",可是CSS裡我定義了 <style type="text/css"> #top {width:100px; background-color:#00CCFF; height:20px} #foot {width:100px; background-color: #CCCC00; height:50px; display:none} </style>

CSS濾鏡基礎 隨著網頁設計技術的發展，人們已經不滿足於原有的一些HTML標記，而是希望能夠為頁面添加一些多媒體屬性，例如濾鏡的和漸層的效果。CSS技術的飛快發展使這些需求成為了現實。從現在開始我要為大家介紹一個新的CSS擴充部分：CSS濾鏡屬性（Filter

三欄布局是目前最常見的網頁布局，主要頁內容放在中間一欄，邊上的兩欄放置導航連結之類的內容。基本布局一般是標題之下放置三欄，三欄佔據整個頁面的寬度，最後在頁的底端放置頁尾，頁尾也佔據整個頁面寬度。 絕大多數網頁設計者都熟悉傳統的網頁設計技術，用這些技術可以產生帶有表格、建立固定寬度布局或者“液態”（它可以根據使用者瀏覽器視窗寬度自動調整）布局的網頁。