手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery选择头像并实时显示的代码
jQuery选择头像并实时显示的代码
摘要:js:复制代码代码如下://头像选择functionGetFace(){varfaceid=$("#SelFace").val();if(f...

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="http://www.jb51.netWebUI/template/images/public/tutu01.gif" />

【jQuery选择头像并实时显示的代码】相关文章:

jquery插件validation实现验证身份证号等

jQuery实现div随意拖动的实例代码(通用代码)

光标定位等TextRange的操作的范例代码

一段实时更新的时间代码

JQuery球队选择实例

jQuery处理图片加载失败的常用方法

jQuery插件制作之参数用法实例分析

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

JQuery中属性过滤选择器用法

jQuery插件jRumble实现网页元素抖动

精品推荐
分类导航