DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery選擇頭像並實時顯示的代碼
jQuery選擇頭像並實時顯示的代碼
編輯:JQuery特效代碼     
js:
代碼如下:
//頭像選擇
function GetFace() {
var faceid = $("#SelFace").val();
if (faceid.length == 1) { faceid = "0" + faceid; }
$("#imgface").attr("src", "/WebUI/template/images/public/tutu"+faceid+".gif");
}

界面:
代碼如下:
<select id="SelFace" name="SelFace" onchange="GetFace();">
<option value="1">頭像1</option>
<option value="2">頭像2</option>
<option value="3">頭像3</option>
</select>

<img id="imgface" name="imgface" src="/WebUI/template/images/public/tutu01.gif" />
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved