UC知道注册页面，图像选择（ASP高手请进）
来源：百度知道 编辑：UC知道 时间：2024/06/16 09:38:31
http://pass.tom.com/register.php?svcid=1&backurl=http://www.tom.com/index.html
请帮帮忙，那个头像选择，是怎样做出来的呀。
<body>
<script type="text/javascript">
function setSrc(type){
var obj = document.getElementById('headiframe');
if(type==1){
obj.src = "userlog3.htm?type=1";
}
if(type==2){
obj.src = "userlog3.htm?type=2";
}
}
</script>
那个userlog3.htm该怎么写。
请帮帮忙，那个头像选择，是怎样做出来的呀。
<body>
<script type="text/javascript">
function setSrc(type){
var obj = document.getElementById('headiframe');
if(type==1){
obj.src = "userlog3.htm?type=1";
}
if(type==2){
obj.src = "userlog3.htm?type=2";
}
}
</script>
那个userlog3.htm该怎么写。
它是写一个隐藏的<input type="hidden" name="userpic" id="userpic" value="1.jpg">
然后用js控制，原理如下：
假设你的头像图片名规律(40张)如：1.jpg,2.jpg,3.jpg,4.jpg...
假设左箭头<img onclick="left();">
头像图片<img src="1.jpg" id="pic">
右箭头<img onclick="right();">
<script language="javascript">
var i=1;
function $(obj){return document.getElementById(obj);}
function left(){
if(i<=1) i=40;
$(pic).src=i&".jpg";
$(userpic).value=i&".jpg";
i--;
}
function right(){
if(i>=40) i=1;
$(pic).src=i&".jpg";
$(userpic).value=i&".jpg";
i++;
}
</script>
原理是这样，你自己根据你的需要在修改一下
http://pass.tom.com/userlog3.htm
直接在浏览器打开看源码 ：）
html和js结合的都可以看到。