原创 js圖片輪換效果(二)

結構: <ul id="picture"> <li><img src="images/pic1.gif" alt="xx" title="xx" width="600" height="222" /></li> <li><img s

原创 如何去掉鏈接虛線框

鏈接的虛線框影響整體風格,我們在工作經常會將它去掉,而採用圖片高亮的方式來顯示焦點狀態。然而去掉虛線框在兩種瀏覽器中卻分別對待,這種技巧經常用到,作個記錄,以備不時之需。 當一個鏈接得到焦點時,默認會有個虛線框。如圖:   在 Fir

原创 會動的眼睛

<style type="text/css"> .eye{ display:inline; overflow:hidden; position:relative; float:left; margin:50px 0 0 50p

原创 提升你設計水平的CSS3新技術(下)

  提升你設計水平的CSS3新技術(上) 8. 圓角(邊框半徑) Border-radius 無需背景圖片就能給HTML元素添加圓角。現在,它可能是使用最多的CSS3屬性了,很簡單的原因是使用圓角比較好而且不會對設計和可用性有衝突。

原创 Mercurial 使用教程

Mercurial 使用教程 本教程是介紹如何使用 Mercurial 。我們不假定你有使用 源代碼控制管理(SCM) 軟件的背景。 本教程有法文 FrenchTutorial ,西班牙文 SpanishTutorial ,日文 J

原创 EasySlider

Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content   basic default non styled demo styled d

原创 命名規則有利於SEO

搜索引擎優化(seo)有很多工作要做,其中對代碼的優化是一個很關鍵的步驟。 爲了更加符合SEO的規範,下面是目前流行的CSS+DIV的命名規則: 頁頭:header 登錄條:loginBar 標誌:logo 側欄:sideBar 廣告:b

原创 提升你設計水平的CSS3新技術(上)

級聯樣式表在13年前被引入,而且被廣泛使用的CSS 2.1 標準在11年前被創建,顯然我們現在已經與當年相差千里了。相當了不起的是期間網站開發有了多少進步——事實上,我們也無法想象。 爲什麼會這樣呢,當提到CSS的時候,過去我們是如此的不

原创 頁面輸出時一些常用的小技巧(二)

頁面輸出時一些常用的小技巧(一)   1.按日曆設置每天的數據 (demo1.zip) 點擊星期行的箭頭,把第一個輸入框(或者下拉框)的值賦給其它所以輸入框(或者下拉框), 點擊星期行外的每行箭頭,把點擊行的第一個輸入框(或者下拉框)的

原创 img標籤下多餘空白bug解決方法

根據原因的不同要用不同的解決方法,這裏把解決直接把解決image圖片佈局下邊的多餘空隙的BUG的常用方法歸納,供大家參考。   在進行頁面的DIV CSS排版時,遇到IE6(當然有時Firefox下也會偶遇)瀏覽器中的圖片元素img下出

原创 頁面輸出時一些常用的小技巧(一)

頁面輸出時一些常用的小技巧(二)   1. 菜單一 | 菜單二 | 菜單三(demo1.zip )   代碼結構: <ul><li>菜單一</li><li>菜單二</li><li>菜單三</li></ul>  通常我們會li加css

原创 Cookie Plugin for jQuery

Cookie Plugin for jQuery   A few simple examples of how to use it: $.cookie('the_cookie'); // get cookie $

原创 文字滾動

三種文字滾動效果: 向上滾動 類似marquee滾動 向下滾動   調用方法: 點贊 收藏 分享 文章舉報 iteye_21028 發佈了64 篇原創文章 · 獲贊

原创 價格過濾條

寫了一個價格過濾條: 重點是按鈕的css定位要算好。 只能做粗略的過濾,分兩種情況考慮,分別是左邊按鈕移動和右邊按鈕移動。 ie下貌似還有些問題,按鈕釋放有個bug。 function price_choose(){ var left

原创 IE6、IE7、IE8之IE多版本共存的幾種方法

一、單獨安裝(相對繁瑣,不推薦) 使用IE6 Green、IE7 Standalone 及IE8 安裝文件,分別安裝各自的瀏覽器。 安裝順序:1、IE6 Green  2、IE7 Standalone  3、IE8 相關下載地址: IE