快捷導(dǎo)航

jQuery選擇頭像并實(shí)時(shí)顯示的代碼

更新時(shí)間：2010年06月27日 02:32:15 作者：

jQuery選擇頭像并實(shí)時(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"); 
} 

界面：

復(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" /> 

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法,涉及jQuery針對頁面元素與樣式的操作技巧,需要的朋友可以參考下
2015-06-06
jQuery實(shí)現(xiàn)跨域
這篇文章主要介紹了jQuery實(shí)現(xiàn)跨域的相關(guān)資料,需要的朋友可以參考下
2015-02-02
jQuery 獲取除某指定對象外的其他對象 ( :not() 與.not())
這篇文章主要介紹了JQuery 獲取除某指定對象外的其他對象（ :not() 與.not()）,需要的朋友可以參考下
2018-10-10
jQuery探測位置的提示彈窗(toolTip box)詳細(xì)解析
提示彈窗（toolTip box）經(jīng)常會(huì)被用到，但是本文總要的不是彈，也不是窗，而是探測位置，在適當(dāng)?shù)牡胤綇棿?。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
jQuery 1.2.x 升級 1.3.x 注意事項(xiàng)
2009-05-05
EasyUI框架使用Ajax提交注冊信息的實(shí)現(xiàn)代碼
這篇文章主要介紹了EasyUI框架使用Ajax提交注冊信息的實(shí)現(xiàn)代碼的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下
2017-09-09
日常收藏的jquery技巧
jQuery是繼prototype 之后的又一個(gè)優(yōu)秀的Javascript框架，本篇文章給大家分享收藏的jquery技巧，對jquery技巧相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2015-12-12
jQuery實(shí)現(xiàn)嵌套選項(xiàng)卡功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)嵌套選項(xiàng)卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
jQuery插件實(shí)現(xiàn)無縫滾動(dòng)特效
今天給大家分享一款頁面無縫滾動(dòng)的jquery插件，支持上下左右，淡入淡出，滾動(dòng)時(shí)間設(shè)置，動(dòng)畫時(shí)間設(shè)置，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery常見動(dòng)畫效果實(shí)現(xiàn)介紹
這篇文章主要為大家介紹了jQuery編程動(dòng)畫基本實(shí)現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10