✔ 最佳答案
你好。
這些banner大部分都是用JavaScript所寫成的,有的還會配合AJAX。
你給予的兩個例子我也略略看了一下,它們的banner都是用JavaScript製作的,應該不是由Html5製作。
不知道你對JavaScript的認識有多少,但想設計出流暢的動態banner還是有一定的難度,而且相對費時(尤其你需要用大量此類元素)。
所以很多人會使用JQuery 代替。以下也會舉一個使用JQuery製作banner的例子。
先介紹一下甚麼是JQuery,太複的不說,簡而言之,就是一個大型的JavaScript庫,而且是開放源碼,讓我們可以使用其他程式員一早編定的JavaScript,簡單方便且節省時間。
JavaScript的分享現時在網絡上也是挺盛行的,我們隨意google中search 一下JQuery banner也有很多不同的分享。
我隨便選了一個效果簡單的。
就如這一個:
http://www.littlewebthings.com/projects/blinds/
基本上大部分的JQuery也會附有教學的,我們不需太深究當中用了什麼樣的技術和程序,只需要懂得把圖顯示出來,以及替換style等,我就以這一個為例。
主要部分:
<div class="slideshow">
<ul>
<li><img src="lemons/1.jpg" alt="lemon" /></li>
</ul>
</div>
<a href="#" class="change_link" onclick="$('.slideshow').blinds_change(0)">1</a>
執行程式的Script,置於body中。
緊記一開始在<head></head>之間中加適當的js files(JQuery Library,在分享JQuery的地方能下載)
如: <script language="Javascript" type="text/javascript" src="js/jquery-1.4.1.js"></script>
效果:按我觀看
例子:按我下載