blah blah blah
用JQuery依序展示效果
views: 9569 times
若想讓一個以上的物件, 一個接一個的表現出slide或fade等效果時
直覺的作法是:


但不管效果的速度改的多慢,或甚至用到setTimeout或setInterval它最後都會一起出來
研究出的結果是要善用它on complate 的callback參數:


附上的sample加上了顯示進度的數字, 以方便更清楚的看出差別
slide_onebyone.html
Tag : css, javascript, jQuery
發表於 August 20th, 2009 18:12 | 新發現 | Trackback 0 | Comment 0  
用JQuery來自製blink blink效果
views: 10619 times
有兩種方式 1. animate: 用callback方式呼叫自己, 反覆播放opacity(透明度)的變化 2. 反覆使用fadein, fadeout功能 效果請看這裡:
blinkblink.html
Tag : css, javascript, jQuery, Web
發表於 August 6th, 2009 16:58 | 新發現 | Trackback 0 | Comment 0  
overflow:hidden 在 IE6的問題
views: 9538 times
如題, 當該區塊設定為Position Relative時, overflow:hidden會失效
發現只有IE6會這樣時實在很無力, 還好找到這篇文章
IE6 Doesn’t Hide When Overflow Is Hidden
它提出的解決方法是, 把它的上一層也設為 position:relative
該篇文章的Sample頁作了很清楚的示範比較
(別忘了用IE6來看才看的出來, 如果你還有的話...)
Tag : css, IE6, overflow, position
發表於 July 30th, 2009 16:11 | 新發現 | Trackback 0 | Comment 0  
image gap / div gap
views: 8138 times
這似乎是設計網頁時每個人幾乎都會遇到的問題
就是上下兩張圖或上下兩個div中間出現消除不掉的空隙

之前遇到是前者, 解決方式是把圖片的style加上display:block

今天有朋友遇到FX才有的div空隙問題
找到的解決方式是將它的style加上border:1px或padding:1px
另一方面也要檢查看看它上下方字體的問題哦

參考自這裡: Gap at top of firefox but not IE
這裡有更詳細的說明: firefox div top gap collapsing margins
Tag : css, Firefox, html
發表於 March 6th, 2009 11:29 | 新發現 | Trackback 0 | Comment 0  
關於favicon
views: 7598 times
現在有很多線上的creator就不多說了
這個網站可以檢查你的favicon有沒有設置成功
當然也可以看到別人的設置方法
用戶插入圖片

more..


Tag : css, favicon, html, Tool, Web
發表於 Febuary 9th, 2009 19:05 | 新發現 | Trackback 0 | Comment 0  
取得HTML元件的位置
views: 7136 times
幫朋友找到了, 順便作個筆記...
參考: JavaScript Find Position
Tag : css, html, javascript
發表於 January 17th, 2009 11:51 | 新發現 | Trackback 0 | Comment 0  
IE中浮動區塊掉下來的問題
views: 7185 times
當使用float設計網頁排版, 又有設定寬度時
用ie開啓時常會發現那個區塊會掉下來
看起來像是它"以為"該區塊寬度過寬, 所以才會被擠到下面去
有人稱它為"float drop" bug

在我被這個問題困擾了兩天之後
終於在網路上找到解決方式了
就是在該浮動區塊的css中加上這兩行

主要是正好利用ie才看的懂的"expression"語法來動態重設寬度而成
css真是讓人又愛又恨啊~~~

-->資料來源
Tag : css
發表於 March 31st, 2008 19:01 | 新發現 | Trackback 0 | Comment 0  
文字溢出的處理
views: 7135 times
一般的文字截斷(適用於內聯與塊)：


對於表格的話，定義有一點不一樣：


註：這個東東只對單行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 這個寫法只有IE會有「...」，其它的瀏覽器文本超出指定寬度時會隱藏。

文章來自: 轉貼
Tag : css
發表於 March 28th, 2008 18:24 | 新發現 | Trackback 0 | Comment 0  
動態切換樣式(style)
views: 12214 times
偶爾會看到人家網頁上有動態切換樣式的功能
今天自己動手作才知道它的奧妙之處

原來要先把所有可切換的css檔都先load進來
並各自設定好它們的title


more..


Tag : css, dom, javascript, layout, theme
發表於 September 28th, 2007 18:53 | 新發現 | Trackback 0 | Comment 0  
控制flash的圖層
views: 11529 times
常聽說網頁中的flash會蓋住下拉menu的問題
後來我在寫類似Lightbox的效果時也遇到了
一般的解決方式是將 flash 的 z-index 設為 -100
再將要蓋住它的圖層設為 100
但我發現還要把 flash 的 WMODE 設定為 transparent
才算是完整的解決方式

目前在window平台上的IE, Firefox, Safari都測試通過囉~


Tag : css, DIV, flash, html
發表於 August 15th, 2007 18:51 | 新發現 | Trackback 0 | Comment 0