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

最新推荐文章于 2022-10-29 11:38:39 发布
最新推荐文章于 2022-10-29 11:38:39 发布
阅读量2k 收藏
点赞数
分类专栏： ASP javascript 文章标签： div border input class user stylesheet
<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="#" οnclick="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" οnclick="selectface(0)"/></div></td>
    <td width="150"><div align="center"><img src="images/head/1.gif" width="60" height="60" οnclick="selectface(1)"/></div></td>
    <td width="150"><div align="center"><img src="images/head/2.gif" width="60" height="60" οnclick="selectface(2)"/></div></td>
    <td width="150"><div align="center"><img src="images/head/3.gif" width="60" height="60" οnclick="selectface(3)"/></div></td>
  </tr>
  <tr>
    <td height="66"><div align="center"><img src="images/head/4.gif" width="60" height="60" οnclick="selectface(4)"/></div></td>
    <td><div align="center"><img src="images/head/5.gif" width="60" height="60" οnclick="selectface(5)"/></div></td>
    <td><div align="center"><img src="images/head/6.gif" width="60" height="60" οnclick="selectface(6)"/></div></td>
    <td><div align="center"><img src="images/head/7.gif" width="60" height="60" οnclick="selectface(7)"/></div></td>
  </tr>
  <tr>
    <td height="63"><div align="center"><img src="images/head/8.gif" width="60" height="60"οnclick="selectface(8)"/></div></td>
    <td><div align="center"><img src="images/head/9.gif" width="60" height="60" οnclick="selectface(9)"/></div></td>
    <td><div align="center"><img src="images/head/10.gif" width="60" height="60" οnclick="selectface(10)"/></div></td>
    <td><div align="center"><img src="images/head/11.gif" width="60" height="60" οnclick="selectface(11)"/></div></td>
  </tr>
</table>


snihcel
关注
专栏目录
html中怎么制作选择头像,网页中的个人头像选择框（转）
weixin_35317737的博客
06-03 2205
网页中的个人头像选择框(转)1、先看个效果2、源文件 New Document body,td,div {font:12px 宋体}label {height:119px;padding:3px 0px 0px 4px}.link_Box {text-align:left;cursor:default}.link_head {width:100%;height:123;b...
html5圆形头像滚动效果,基于jQuery实现响应式圆形图片轮播特效
weixin_42112685的博客
06-05 654
本文实例讲述了基于jQuery实现响应式圆形图片轮播特效代码。分享给大家供大家参考。具体如下：运行效果截图如下：mislider是一款效果非常酷的jQuery响应式圆形图片轮播图特效插件，mislider轮播图插件的特点有：使用简单在同一个屏幕中支持多个轮播图轮播图的内容可以是单张图片或复杂的HTML内容轻量级响应式设计非常容易定制丰富的回调函数跨浏览器，支持IE8+浏览器引入核心文件mislid...
头像选择功能基于jQuery下拉框图片选择示例
04-15
头像选择功能基于jQuery下拉框图片选择示例，以下拉框形式显示头像列表选择，双击选中切换图片，无浏览器兼容问题
Js弹出框代码，头像选择工具
weixin_34302561的博客
06-20 436
javascript代码 /** * 弹出头像JS */ var ICO = new Object(); ICO.show = function(){ $(".pop-ico").fadeIn(); } ICO.hide = function(){ ...
select头像选择代码
iteye_796的博客
08-10 300
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
用js和select实现选择头像和显示头像
YANG_LJ_is_ME的博客
10-25 2530
function setImg(){     var imageSrc = document.registerForm.photo.value;     document.registerForm.img.src = imageSrc; }   &lt;select name="photo"  onchange="return setImg()" &gt; &lt;option value="...
js实现点击头像选择图片后立刻显示更换后的图片
xiaotuwai8的博客
03-11 802
js实现点击头像选择图片后立刻显示更换后的图片： imgselect是控件的id imgshow是的id 代码如下 function user_imgchanged(imgselect, imgshow) { var img = document.getElementById(imgshow); var url = null; var fileObj = document....
Vue 如何快速实现头像裁剪？方法比你想象的简单
前端阿飞V的博客
10-29 2021
高效实现需求，避免重复造轮子。图片裁剪的插件也不少，这里我选择 vue-cropper，原因是功能强大、简单易上手。话不多说，上效果图：
Three.js 入门篇-制作3D 动漫角色欣赏
u012609766的博客
09-12 6112
Three.js 入门篇-制作3D 动漫角色欣赏前言一、与卡通相关又与前端相关的主题及制作思路二、Three.js加载3D模型代码一般思路三、源码及关键注释参考引用交流与学习 前言 废话不多说，先上一波炫酷前端效果展示，点我去欣赏。最近有个任务，刚搞完一个卡通网 kt5.cn，没有一点点流量。 如何为卡通网带来点人气呢？ ，于是就有了这篇《Three.js 制作3D 动漫角色欣赏篇》，顺便想带旺一...
auto.js朋友圈克隆 截图 上传数据
gggCong的博客
12-31 794
var url = "http://"; //数据上传地址 var cloneObject = ""; //克隆对象 var countNumber = 1; //从多少条开始克隆 var addMoney = 500; //加多少钱 //读取之前运行状态 var storage = storages.create("Wechat_Moments_Clone"); if(storage != null && storage.get("cloneObject",nu.
实现选择系统头像功能
12-06
用于实现系统头像选择的功能，实现用户选择系统头像。
jQuery选择头像并实时显示的代码
12-09
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</o
js实现Select头像选择实时预览代码
10-23
主要介绍了js实现Select头像选择实时预览代码,涉及javascript动态遍历及设置select选项的技巧,非常简单实用,需要的朋友可以参考下
select头像选择代码.rar
07-05
select头像选择代码
使用JavaScript实现选择头像和表情的功能
xuhuanchao的专栏
11-23 1259
 无标题文档<!--#div { position:absolute; left:81px; top:11px; width:300px; height:400px; z-index:0; border : solid 0px purple ; display:none;}-->#div { position:absolute;
iOS选择头像示例代码
Sweety
09-21 621
 - (void)tap:(UITapGestureRecognizer *)tapGR{     NSLog(@"被点按了");          UIActionSheet *as = [[UIActionSheet alloc]initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitl
头像选择
Jushuzhan的专栏
05-15 546
1.进行主界面的布局activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" a
分享Js弹出框代码，头像选择工具.
qq362217990的专栏
07-30 220
这段时间自己在学习前端JS和CSS开发，因为留言和评论模块上要用到头像选择，自己写一个简单的，分享下代码。 其实稍加改动也可以用来做表情控件. 效果图： [img]http://dl.iteye.com/upload/attachment/0071/5578/5b473e31-3879-3863-8a84-b4ac81e1a200.jpg[/img] js...
Android代码心得5-头像选择
大笨象又大又笨的博客
03-07 464
头像选择主要用到的是两个知识，一个是调用activity，一个是网格视图。总体思路是：新建两个布局文件，xml1是可供选择头像页面的视图，xml2是每个头像的视图。在默认生成的xml文件中新建一个ImageView框出一块用来放头像，新建一个Button来进入头像选择页面。 <ImageView android:layout_width="100dp" android:lay...
turtle库画一个人物头像的代码
最新发布
03-13
以下是使用turtle库画一个人物头像的代码： ```python import turtle # 设置画布大小和背景颜色 turtle.setup(500, 500) turtle.bgcolor("white") # 画头像的脸部 turtle.penup() turtle.goto(0, -100) turtle.pendown() turtle.begin_fill() turtle.circle(100) turtle.end_fill() # 画头像的眼睛 turtle.penup() turtle.goto(-40, 20) turtle.pendown() turtle.begin_fill() turtle.circle(20) turtle.end_fill() turtle.penup() turtle.goto(40, 20) turtle.pendown() turtle.begin_fill() turtle.circle(20) turtle.end_fill() # 画头像的嘴巴 turtle.penup() turtle.goto(-60, -30) turtle.pendown() turtle.right(45) turtle.circle(80, 90) # 画头像的耳朵 turtle.penup() turtle.goto(-120, 0) turtle.pendown() turtle.begin_fill() turtle.circle(30) turtle.end_fill() turtle.penup() turtle.goto(120, 0) turtle.pendown() turtle.begin_fill() turtle.circle(30) turtle.end_fill() # 隐藏画笔 turtle.hideturtle() # 等待用户关闭窗口 turtle.done() ``` 希望这个代码能够帮到你！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值