请选择您喜欢的人物头像JS代码

转载 2012年03月30日 17:12:37
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script language="javascript">
function select_face()
{
var somevalue;
somevalue=window.showModalDialog("browse.php","请选择您喜欢的人物头像", "dialogWidth='310px';dialogHeight='240px';status='no';help='no';scrollbars='no'");
document.form_regist.user_src.src="images/head/"+somevalue+".gif";
 }
</script>
<table width="524" height="23" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="524"><img src="images/top.gif" width="524" height="23"></td>
  </tr>
</table>
<table width="522" height="44" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="522" height="44" bgcolor="#2369DE"><table width="522" border="0" align="center" cellpadding="0" cellspacing="1">
      <tr>
        <td width="520" height="25" background="images/menubar.gif" bgcolor="#FFFFFF"><div align="left">&nbsp;&nbsp;&nbsp;<img src="images/menubar_left.gif" width="9" height="9">&nbsp;&nbsp;<strong>用户注册</strong></div></td>
      </tr>
      <tr>
        <td height="324" bgcolor="#FFFFFF"><table width="480" height="327" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="480" height="327" valign="top"><table width="484" border="0" align="center" cellpadding="0" cellspacing="0">
                <form method="post"  name="form_regist">
                  <tr>
                    <td width="123" height="30">
                      <div align="center">用户昵称:&lt;/div></td>
                    <td width="361"><div align="left">
                        <input type="text" name="user_name" size="25" maxlength="20" class="buttoncss">
                *&nbsp;</div></td>
                  </tr>
                  <tr>
                    <td height="30"><div align="center">注册密码:&lt;/div></td>
                    <td height="30"><div align="left">
                        <input type="password" name="user_pwd1" size="25" maxlength="20" class="buttoncss">
                *</div></td>
                  </tr>
                  <tr>
                    <td height="30"><div align="center">E-mail:&lt;/div></td>
                    <td height="30"><div align="left">
                        <input type="text" name="user_email" size="25" maxlength="100" class="buttoncss" />
                *请输入真实的E-mail地址</div></td>
                  </tr>
                  <tr>
                    <td height="30"><div align="center">真实姓名:&lt;/div></td>
                    <td height="30"><div align="left">
                        <input type="text" name="user_truename" size="25" maxlength="20" class="buttoncss" />
                *</div></td>
                  </tr>
                  <tr>
                    <td height="30"><div align="center">职&amp;nbsp;&nbsp;业:</div></td>
                    <td height="30"><div align="left">
                        <select name="user_zy" id="user_zy">
                          <option value="请选择">请选择</option>
                          <option value="教师">教师</option>
                          <option value="司机">司机</option>
                          <option value="军人">军人</option>
                          <option value="学生">学生</option>
                          <option value="职员" selected>职员</option>
                          <option value="干部">干部</option>
                          <option value="其他">其他</option>
                        </select>
                *</div></td>
                  </tr>
                  <tr>
                    <td height="100" rowspan="2"><div align="center">头&amp;nbsp;&nbsp;像:</div></td>
                    <td height="63"><div align="left"><img id="user_src" src="images/head/0.gif" width="60" height="60" /></div></td>
                  </tr>
                  <tr>
                    <td height="24">[<a href="#" onclick="select_face()" class="a1">头像选择</a>]</td>
                  </tr>
                  <tr>
                    <td height="30"><div align="center">QQ号码:&lt;/div></td>
                    <td height="30"><div align="left">
                        <input type="text" name="user_qq" size="25" maxlength="20" class="buttoncss">
                *</div></td>
                  </tr>
                  <tr>
                    <td height="30"><div align="center">联系电话:&lt;/div></td>
                    <td height="30"><div align="left">
                        <input name="user_tel" type="text" class="buttoncss" id="user_tel" size="25" maxlength="20">
                *</div></td>
                  </tr>
                  <tr>
                    <td height="40" colspan="2"><div align="center">
                        <input name="submit" type="submit" class="buttoncss" value="立即注册">
&nbsp;&nbsp;
                <input name="reset" type="reset" class="buttoncss" value="全部重写">
                    </div></td>
                  </tr>
                </form>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
另一文件:
 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function selectface(ICQ)
{
window.returnValue=ICQ;
window.close();
}
</script>
<title>请选择您喜欢的人物头像</title>
<table width="300" height="200" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="150" height="67"><div align="center"><img src="images/head/0.gif" width="60" height="60" onclick="selectface(0)"/></div></td>
    <td width="150"><div align="center"><img src="images/head/1.gif" width="60" height="60" onclick="selectface(1)"/></div></td>
    <td width="150"><div align="center"><img src="images/head/2.gif" width="60" height="60" onclick="selectface(2)"/></div></td>
    <td width="150"><div align="center"><img src="images/head/3.gif" width="60" height="60" onclick="selectface(3)"/></div></td>
  </tr>
  <tr>
    <td height="66"><div align="center"><img src="images/head/4.gif" width="60" height="60" onclick="selectface(4)"/></div></td>
    <td><div align="center"><img src="images/head/5.gif" width="60" height="60" onclick="selectface(5)"/></div></td>
    <td><div align="center"><img src="images/head/6.gif" width="60" height="60" onclick="selectface(6)"/></div></td>
    <td><div align="center"><img src="images/head/7.gif" width="60" height="60" onclick="selectface(7)"/></div></td>
  </tr>
  <tr>
    <td height="63"><div align="center"><img src="images/head/8.gif" width="60" height="60"onclick="selectface(8)"/></div></td>
    <td><div align="center"><img src="images/head/9.gif" width="60" height="60" onclick="selectface(9)"/></div></td>
    <td><div align="center"><img src="images/head/10.gif" width="60" height="60" onclick="selectface(10)"/></div></td>
    <td><div align="center"><img src="images/head/11.gif" width="60" height="60" onclick="selectface(11)"/></div></td>
  </tr>
</table>


JS 选择图片后立即显示图片

//选择图片后立即显示图片function displayImg(){    var img = document.getElementById("imgUser");    var file = d...
  • Kenyon0313
  • Kenyon0313
  • 2006年10月26日 17:54
  • 7041

Android App开发常用功能之用户头像选择

前言 现在的APP基本都有个人资料的填写,基本的都有头像的选择,支持拍照和从本地相册选择,剪切圆形头像的功能,现在用个小demo实现以下。 下面看一下效果图 上代码: 主界面代码 ...
  • qq_31546677
  • qq_31546677
  • 2017年07月21日 17:20
  • 717

头像上传html+js版

  • 2014年03月13日 11:32
  • 80KB
  • 下载

js+jquery+java实现的头像上传和裁剪

  • 2015年09月09日 17:22
  • 11.02MB
  • 下载

Android入门--实现选择并编辑图片设置成头像

在很多时候需要更换头像或者选择图片,所以这里总结下实现选择并编辑图片然后设置成头像的方法,下面开始: 整体结构如下: 1.创建项目,命名为ChooseImage_test创建完成,在drawabl...
  • TTCCAAA
  • TTCCAAA
  • 2015年05月15日 23:59
  • 3363

上传头像,js实现

html:         我的资料                                                 我的资料 ...
  • sweetyhyh
  • sweetyhyh
  • 2017年05月06日 12:08
  • 483

html5+canvas+js头像缩放裁剪

  • 2016年08月04日 17:30
  • 43KB
  • 下载

上传头像js

1、用文件获取到图库 2、选择文件上传 3、把图片画出来 4、压缩图片 5、把路径变成base64 6、上传并获取...
  • Angular_
  • Angular_
  • 2017年03月30日 11:07
  • 386

Android开发心得——网页通过webview调用Android的图片或文件选择

本博文欢迎转载,转载请注明来自http://www.cnblogs.com/qinxianyuzou/ 前段时间因为客户需求,做一个客户端结合web微网站的应用。其中,这个应用设计到了要修改头像...
  • binyao02123202
  • binyao02123202
  • 2013年12月26日 09:49
  • 15165

Android开发--通过相册或拍照选择头像

像一些需要显示个人资料的App中,选择并修改自己的个人头像是必须的,最近的项目中也有用到,做个笔记吧。总体的思路是,通过startActivityForResult方法,分别传递调用系统相册的Inte...
  • smbroe
  • smbroe
  • 2014年12月13日 10:20
  • 2375
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:请选择您喜欢的人物头像JS代码
举报原因:
原因补充:

(最多只允许输入30个字)