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 之后的又一个优秀的Javascript框架，本篇文章给大家分享收藏的jquery技巧，对jquery技巧相关知识感兴趣的朋友一起学习吧2015-12-12
这篇文章主要为大家详细介绍了jQuery实现嵌套选项卡功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
今天给大家分享一款页面无缝滚动的jquery插件，支持上下左右，淡入淡出，滚动时间设置，动画时间设置，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要为大家介绍了jQuery编程动画基本实现方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
最新评论