jQuery選擇頭像并實時顯示的代碼
更新時間：2010年06月27日 02:32:15 作者：
jQuery選擇頭像并實時顯示的代碼，以前腳本之家用js實現了，這里使用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" />
復制代碼 代碼如下:
//頭像選擇
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實現網站添加高亮突出顯示效果的方法,涉及jQuery針對頁面元素與樣式的操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery實現跨域的相關資料,需要的朋友可以參考下2015-02-02
jQuery 獲取除某指定對象外的其他對象 ( :not() 與.not())
這篇文章主要介紹了JQuery 獲取除某指定對象外的其他對象 （ :not() 與.not()）,需要的朋友可以參考下2018-10-10
jQuery探測位置的提示彈窗(toolTip box)詳細解析
提示彈窗（toolTip box）經常會被用到，但是本文總要的不是彈，也不是窗，而是探測位置，在適當的地方彈窗。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
2009-05-05
這篇文章主要介紹了EasyUI框架 使用Ajax提交注冊信息的實現代碼的相關資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
jQuery是繼prototype 之后的又一個優(yōu)秀的Javascript框架，本篇文章給大家分享收藏的jquery技巧，對jquery技巧相關知識感興趣的朋友一起學習吧2015-12-12
這篇文章主要為大家詳細介紹了jQuery實現嵌套選項卡功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
今天給大家分享一款頁面無縫滾動的jquery插件，支持上下左右，淡入淡出，滾動時間設置，動畫時間設置，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家介紹了jQuery編程動畫基本實現方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10