![[jQ]用 jQuery 做廣告 – 交錯式百葉窗切換效果](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2012/05/jquery-cross-blinfs-effect-1_3.png&w=150&h=120&zc=1)
現在很多廣告輪播效果都有做出類似百葉窗的交錯進場切換方式,這其實是利用了多個區塊及背景圖片座標控制的方式來達成,所以今天筆者會教各位如何做出類似的效果。
最近剛好逛到 MSN 台灣的網站,看到它首頁的廣告展示效果蠻簡單直覺的。它預設會自動輪播切換下一張圖片,也會顯示該圖片的描述文字及目前顯示的筆數,而下方的按鈕也能切換及控制是否輪播的功能哩!所以筆者手癢就把它偷來跟大家分享囉~
因為小神童我才知道在台灣有個讓有志成為作家能人大展文筆的平台 - POPO 原創市集。不過我會進去網站逛逛重點通常都是擺在看看一些網頁效果而已,像是今天要分享的
通常圖片的展示是否自動播放都是一開始就決定好的,若是能把這權限交給瀏覽者的話,那麼也能讓瀏覽者有實際參與網站的感覺。此次筆者要教的是跟「淡入淡出式的切換影像」很類似但不同的範例。
還記得筆者曾經寫過一篇仿 Yahoo 切換式兩格圖片廣告嗎?因為原本只是針對一次兩格來做效果,所以就有蠻多網友問說怎樣一次顯示超過兩格呢?