jQuery选择头像并实时显示的代码


Posted in Javascript onJune 27, 2010

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" />
Javascript 相关文章推荐
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
Dec 30 Javascript
Jquery UI震动效果实现原理及步骤
Feb 04 Javascript
浅析js封装和作用域
Jul 09 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
JavaScript数组方法总结分析
May 06 Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 Javascript
js时间戳和c#时间戳互转方法(推荐)
Feb 15 Javascript
JS中跳出循环的示例代码
Sep 14 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
基于Web Audio API实现音频可视化效果
Jun 12 Javascript
Javascript匿名函数的一种应用 代码封装
Jun 27 #Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 #Javascript
让IE6支持min-width和max-width的方法
Jun 25 #Javascript
jQuery与其它库冲突的解决方法
Jun 25 #Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
Jun 25 #Javascript
基于jquery的checkbox下拉框插件代码
Jun 25 #Javascript
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 #Javascript
You might like
PHP表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
2011/08/22 PHP
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
PHP无限分类(树形类)的深入分析
2013/06/02 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
JavaScript prototype对象的属性说明
2010/03/13 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
js实现日期级联效果
2014/01/23 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
老生常谈js动态添加事件--- 事件委托
2016/07/19 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
详解小程序之简单登录注册表单验证
2019/05/13 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
python 实现多维数组转向量
2019/11/30 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
人力资源专业推荐信
2013/11/29 职场文书
班会关于环保演讲稿
2013/12/29 职场文书
《北大荒的秋天》教学反思
2014/04/14 职场文书
温馨提示标语
2014/06/26 职场文书
关于旅游的活动方案
2014/08/15 职场文书
入党积极分子批评与自我批评思想汇报
2014/09/14 职场文书
党员个人整改措施
2014/10/24 职场文书
2015幼儿园新学期寄语
2015/02/27 职场文书
中英文求职信范文
2015/03/19 职场文书
二审代理词范文
2015/05/25 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
使用refresh_token实现无感刷新页面
2022/04/26 Javascript
SQL中的连接查询详解
2022/06/21 SQL Server