jQuery選擇頭像并實時顯示的代碼
更新時間：2010年06月27日 02:32:15 作者：
jQuery選擇頭像并實時顯示的代碼，以前腳本之家用js實現(xiàn)了，這里使用jquery實現(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" />
復制代碼 代碼如下:
//頭像選擇
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" />
您可能感興趣的文章:
- jquery實現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼
- js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法
- JQuery 改變頁面字體大小的實現(xiàn)代碼(實時改變網(wǎng)頁字體大小)
- PHP+jquery實時顯示網(wǎng)站在線人數(shù)的方法
- jquery+ajax實現(xiàn)注冊實時驗證實例詳解
- jquery購物車實時結(jié)算特效實現(xiàn)思路
- javascript和jQuery實現(xiàn)網(wǎng)頁實時聊天的ajax長輪詢
- 基于Jquery插件Uploadify實現(xiàn)實時顯示進度條上傳圖片
- jquery 表格排序、實時搜索表格內(nèi)容(附圖)
- 利用jquery實現(xiàn)實時更新歌詞的方法
相關(guān)文章
jQuery實現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法
這篇文章主要介紹了jQuery實現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法,涉及jQuery針對頁面元素與樣式的操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery實現(xiàn)跨域的相關(guān)資料,需要的朋友可以參考下2015-02-02
jQuery 獲取除某指定對象外的其他對象 ( :not() 與.not())
這篇文章主要介紹了JQuery 獲取除某指定對象外的其他對象 （ :not() 與.not()）,需要的朋友可以參考下2018-10-10
jQuery探測位置的提示彈窗(toolTip box)詳細解析
提示彈窗（toolTip box）經(jīng)常會被用到，但是本文總要的不是彈，也不是窗，而是探測位置，在適當?shù)牡胤綇棿?。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
2009-05-05
EasyUI框架 使用Ajax提交注冊信息的實現(xiàn)代碼
這篇文章主要介紹了EasyUI框架 使用Ajax提交注冊信息的實現(xiàn)代碼的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
jQuery是繼prototype 之后的又一個優(yōu)秀的Javascript框架，本篇文章給大家分享收藏的jquery技巧，對jquery技巧相關(guān)知識感興趣的朋友一起學習吧2015-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)嵌套選項卡功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
今天給大家分享一款頁面無縫滾動的jquery插件，支持上下左右，淡入淡出，滾動時間設(shè)置，動畫時間設(shè)置，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家介紹了jQuery編程動畫基本實現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10