下拉菜单里的头像怎么作啊！！！！！

sywj115447 2003-11-13 09:54:14

就像是QQ注册时候的那个一样，ASP能做出来吗？？？

如果能做出来的话，要怎么样才能做，能给个程序最好了！！！

超级加分！！！

...全文

83 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

dachangtui 2003-11-20

打赏
举报

<head>
<style>
.selectInput{font-size:12px;color:#000000;border:2px inset;background-color:window;width:1px;cursor:default;}
.selectInput input{border-width:0;width:100px;}
.selectBtn{font-size:12px;font-family:webdings;color:red;border:2px outset;background-color:buttonface;width:1px;}
.selectContent{position:absolute;z-index:1000;border:1px solid #000000;visibility:hidden}
.tdOver{font-size:12px;padding:1 5 1 2;cursor:default;background-color:#047;color:#FFFFFF}
.tdOut{font-size:12px;padding:1 5 1 2;cursor:default;background-color:#FFFFFF;color:#000000}
.selectContent td img{border:0;width:15px;height:15px;}
</style>
</head>
<body>
<script>
/*鼠标经过时的样式*/
function doOver(e){e.className='tdOver'}
function doOut(e){e.className='tdOut'}
function doset(e){document.frm.select1.value=e.innerText}
function drop(){document.getElementById('data').style.visibility='visible'}
function document.onmouseup(){if(event.srcElement.className!='selectBtn')document.getElementById('data').style.visibility='hidden'}
function window.onload(){
var e=o=document.getElementById('edit')
var d=document.getElementById('data');
var l=e.offsetLeft;
var t=e.offsetTop;
while(e=e.offsetParent){
l+=e.offsetLeft;
t+=e.offsetTop;
}
d.style.left=l;
d.style.top=t+o.offsetHeight
}
</script>
<form name="frm">

<div class="selectInput" id='edit'>
<table cellspacing=0 cellpadding=0 width=100>
<tr>
<td><input name="select1" value="请选择"></td>
<td width=1><div class="selectBtn" onmousedown="drop();style.borderStyle='inset'" onmouseup="style.borderStyle='outset'">6</div></td>
</tr>
</table>
</div>


<table id="data" class='selectContent' cellspacing=0 cellpadding=0 width=120>
<tr><td class="tdOut" onmouseover="doOver(this)" onmouseout="doOut(this)" onclick="doset(this)"><img src="img/oicq.gif" align="absmiddle">可带图片下带框</td></tr>
<tr><td class="tdOut" onmouseover="doOver(this)" onmouseout="doOut(this)" onclick="doset(this)"><img src="img/oicq.gif" align="absmiddle">可输入下带框</td></tr>
<tr><td class="tdOut" onmouseover="doOver(this)" onmouseout="doOut(this)" onclick="doset(this)"><img src="img/oicq.gif" align="absmiddle">阿信原作</td></tr>
</table>

</form>

</body>

fason的作品.
一个字:强

mfkiqpl 2003-11-14

打赏
举报

二楼的方法行得通吗？

patchclass 2003-11-14

打赏
举报

放在表单里面一个相对的层,该层里面一个绝对的层

loulannuhai 2003-11-14

打赏
举报

去太平洋上搜.那上面有的.

上次朋友问我我就是从哪里搜出来的.

sywj115447 2003-11-14

打赏
举报

我还是写不出来,想了一个晚上了!!!
哪位大哥帮帮我!!!

BainStudio 2003-11-14

打赏
举报

落上的已经很不错了.把代码拷贝过来了.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>图片下拉选择器</title>
<style type="text/css">
body,td{
font-size:9pt;
}
input{
font-size:9pt;
background-color:#eeeeff;
color:#000000;
border:1px solid #0000ff;
}
</style>

</head>

<body><center>
<form name="myform" method="post" action="">请选择图片：
<div id="imgBox"></div>
<input name="myhead" type="text" id="myface" size="10" value="">
</form></center>

<script language="JavaScript">

</script>

</body>
</html>