取代flash的banner

2012-02-07 8:52 pm
現時大部分網頁都不使手flash做banner,可以用iphone看到動畫及有連結功能,這些banner如何製作?是否使用html5?

如何能做到以下網站的banner:
http://www.taobao.com
http://www.sop.org

回答 (2)

2012-02-08 10:55 pm
✔ 最佳答案
你好。

這些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>


效果:按我觀看
例子:按我下載





2012-02-11 7:50 pm
哦.整banner既話我覺得photoshop系最岩你.
photoshop系出了名整banner整icon同改圖等等既軟件.
首先.就系網上面搵好d背景,再放上photoshop.
禁工具列入面既"T"就可以打字.
打完你想要既字之後就禁圖層>圖層樣式>混合選項.
圖層>圖層樣式>混合選項系上面"檔案"果一層到.
可以禁好多野.禁陰影,字就有陰影.
禁外光暈,字就會發光.漸變,隻字就會變左彩色.
筆畫,隻字出邊都有顏色圍住你.
之後,再將你放系個banner既圖都開哂出黎.
禁工具列既第一行第三個既工具,將你想要既野cut出黎放系banner到.
可以用筆畫較白色,就會有白色邊,再禁陰影,就會整到個相框.
而photoshop既下載網扯就系:
都有網上既photoshop : http://pixlr.com/editor/
不過小d功能,無甘好用.最好都系下載photoshop啦.

2012-02-11 12:09:20 補充:
photoshop既下載網扯系https://www.adobe.com/cfusion/td ... photoshop&loc=zh_tw
入到去拉落去,會見到有張圖系橙色寫住立即下載.
可能張圖系要load耐小小先睇到.
禁下去,儲存去桌面,儲存完之後再執行.
就會有個壓縉檔,禁右鍵>解開壓縮檔.
不停禁"下一步",最後禁完成.
之後就開得photoshop cs5.佢叫你打adobe既acc,禁略過
之後就用得.

2012-02-11 12:09:39 補充:
不過系英文版,希望吾好介意;
參考: 自己


收錄日期: 2021-04-13 18:31:17
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20120207000051KK00370

檢視 Wayback Machine 備份