手机
当前位置:查字典教程网 >编程开发 >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球队选择实例

实现DIV圆角的JavaScript代码

JQuery中层次选择器用法实例详解

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

jQuery实现表格行上移下移和置顶的方法

jquery控制表单输入框显示默认值的方法

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

JQuery中上下文选择器实现方法

JQuery勾选指定name的复选框集合并显示的方法

js脚本学习 比较实用的基础

精品推荐
分类导航