[教你一招]如果製作回複即變的圖片
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new windowCTRL+Mouse wheel to zoom in/out';}
}" onclick="function anonymous()
{
if(!this.resized) {return true;} else {window.open('http://magic.qtutu.com/?id=1&ext=.gif');}
}" src="yun_qi_img/id=1&ext=.gif" onload="function anonymous()
{
if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new windowCTRL+Mouse wheel to zoom in/out';}
}" border="0" />
看上邊這個小人,每回複一次它都會變,你想知道它是怎麼做成的麼?
這裡和大家分享下一個小小的工具。
所謂回複即變的圖片,其實是重新整理即變的圖,就是說,其實你不回複,只要重新整理頁面,就會發現它變成新的內容了。它其實是一組圖片,每次隨機顯示其中一張,如果圖片的大小和內容很接近的話,就會給人一種會變化的感覺。
那麼怎麼才能做到一個地址能隨機顯示其中一張呢?這個就需要動態指令碼進行支援了。你可以選擇自己寫一個簡單的代碼來實現,這裡我們要和大家分享的,是qtutu.com提供的魔法圖片功能,通過它,你可以在幾秒鐘的時間內建立自己的魔法圖片。
首先,訪問http://magic.qtutu.com , 它有一個編輯框,可以直接把圖片粘貼上去,這裡的粘貼是直接在圖片上選複製,然後粘貼,不用去找URL;更為強大的是,你可以直接把網頁的一部分粘貼進去,Qtutu會幫你把裡邊的圖片分析出來,這樣就很方便了。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new windowCTRL+Mouse wheel to zoom in/out';}