jQuery選擇頭像并實(shí)時顯示的代碼
更新時間:2010年06月27日 02:32:15 作者:
jQuery選擇頭像并實(shí)時顯示的代碼,以前腳本之家用js實(shí)現(xiàn)了,這里使用jquery實(shí)現(xiàn)的。
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" />
復(fù)制代碼 代碼如下:
//頭像選擇
function GetFace() {
var faceid = $("#SelFace").val();
if (faceid.length == 1) { faceid = "0" + faceid; }
$("#imgface").attr("src", "/WebUI/template/images/public/tutu"+faceid+".gif");
}
界面:
復(fù)制代碼 代碼如下:
<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" />
您可能感興趣的文章:
- jquery實(shí)現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼
- js與jquery實(shí)時監(jiān)聽輸入框值的oninput與onpropertychange方法
- JQuery 改變頁面字體大小的實(shí)現(xiàn)代碼(實(shí)時改變網(wǎng)頁字體大小)
- PHP+jquery實(shí)時顯示網(wǎng)站在線人數(shù)的方法
- jquery+ajax實(shí)現(xiàn)注冊實(shí)時驗證實(shí)例詳解
- jquery購物車實(shí)時結(jié)算特效實(shí)現(xiàn)思路
- javascript和jQuery實(shí)現(xiàn)網(wǎng)頁實(shí)時聊天的ajax長輪詢
- 基于Jquery插件Uploadify實(shí)現(xiàn)實(shí)時顯示進(jìn)度條上傳圖片
- jquery 表格排序、實(shí)時搜索表格內(nèi)容(附圖)
- 利用jquery實(shí)現(xiàn)實(shí)時更新歌詞的方法
相關(guān)文章
jquery實(shí)現(xiàn)放大鏡簡潔代碼(推薦)
這篇文章主要介紹了jquery實(shí)現(xiàn)放大鏡簡潔代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-06-06jQuery實(shí)現(xiàn)仿百度帖吧頭部固定導(dǎo)航效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿百度帖吧頭部固定導(dǎo)航效果,涉及jquery針對頁面高度計算與樣式的動態(tài)添加及刪除技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-08-08jQuery 數(shù)據(jù)緩存模塊進(jìn)化史詳細(xì)介紹
數(shù)據(jù)緩存系統(tǒng)最早應(yīng)該是jQuery1.2引入的,那時它的事件系統(tǒng)完成照搬DE大神的addEvent.js,而addEvent在實(shí)現(xiàn)有個缺憾,它把事件的回調(diào)都放到EventTarget之上,這會引發(fā)循環(huán)引用2012-11-11單擊按鈕發(fā)送驗證碼,出現(xiàn)倒計時的簡單實(shí)例
下面小編就為大家?guī)硪黄獑螕舭粹o發(fā)送驗證碼,出現(xiàn)倒計時的簡單實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過事件的延時處理效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過事件的延時處理效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2015-10-10最佳6款用于移動網(wǎng)站開發(fā)的jQuery 圖片滑塊插件小結(jié)
隨著智能手機(jī)的普及,越來越多的用戶喜歡通過手機(jī)中瀏覽網(wǎng)頁。今天這篇文章為大家推薦最佳6款用于移動應(yīng)用的 jQuery 圖片滑塊插件,這些插件很好的處理了觸屏事件,效果平滑,幫助你構(gòu)建用戶體驗良好的移動網(wǎng)站2012-07-07