好用的LAVALAMP MENU

現在用jQuery 也可以設計出Lavalamp Menu, Lava lamp的中文是熔岩燈,應該滿難會意的, 簡單的說就是動態的滑動Menu的背景, 可以製造炫光效果或是其他的動態效果

5kb 的plugin和簡單的語法, 如下:

參考原文:http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

我運用了Lavalamp的效果並且做了些修正加入Drop Menu的效果, 變成更加完美又易於使用的選單:

 My Demo Site here:http://cindy8.myweb.hinet.net/demo_lava/lavalamp.html
(Please don't copy , it's MSI project now.請勿拷貝因為這是給公司的提案):

留言

這個網誌中的熱門文章

Indexed Database API - Initail

As a front web developer, I could create UI faster or Optimize file to load page faster. But it hard to faster response time form server however 80-90% of the end-user response time is spent on the frontend. Nowadays we could use the Indexed Database API, or IndexedDB to reduce the request times. Less request times, less response time. What is IndexedDB ? IndexedDB is web browser standard interface for a local database of records holding simple values and hierarchical objects. IndexedDB was initially proposed by Oracle in 2009./* wiki */ What browsers would support IndexedDB ? Most browsers of hybrid devices support it exclude IE9-, Safari 7-,iOS Safari 7.1-, Opera Mini, Android Browser 4.3-./* caniuse.com */ When shall we use IndexedDB ? Save Money on web hosting Data index sort Data keyword search Keep data for period of time How to start it? //*************************************************************** //initDB //{Object}, {data: dbName, objectStore: storeName, ...

閱讀完整內容

最近設計的一組icon..太有APPLE風格被打槍了

閱讀完整內容

jQuery 的slideToggle太好用了

$ ( ".collapse" ) .each ( function ( index, value ) { $ ( this ) . click ( function ( evt ) { evt.preventDefault ( ) ; //prevent the default click event of the anchor tag. var target = $ ( this ) .attr ( "data-toggle" ) ; $ ( "." + target ) .slideToggle ( ) ; } ) ; } ) ; http://code-tricks.com/create-a-common-toggler-for-div-using-jquery/

閱讀完整內容

Don't make me think

搜尋此網誌