只能模拟,给你孟子老大的:
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY leftMargin=50 topMargin=50>
<P align=center><B>正在完善中…………</B><BR><BR>欢迎提出宝贵<A 
href="mailto:amxh@21cn.com">建议</A></P>
<STYLE>.optionForSel {
FONT-SIZE: 9pt
}
</STYLE><TABLE cellSpacing=0 cellPadding=0 width=300 border=0>
  <TBODY>
  <TR>
    <TD id=selectLength 
    style="BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #404040 2px inset; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; BORDER-LEFT: #404040 2px inset; PADDING-TOP: 0px; BORDER-BOTTOM: #d4d0c8 1px solid; HEIGHT: 20px" 
    width="100%">
      <DIV id=selectedValue 
      style="BORDER-RIGHT: 0px; PADDING-RIGHT: 2px; BORDER-TOP: 0px; PADDING-LEFT: 2px; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: bottom; BORDER-LEFT: 0px; WIDTH: 100%; PADDING-TOP: 2px; BORDER-BOTTOM: 0px; HEIGHT: 20px"></DIV></TD>
    <TD 
    style="BORDER-RIGHT: #d4d0c8 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #404040 2px inset; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #d4d0c8 1px solid; HEIGHT: 20px" 
    width=20><IMG id=mm onclick=mm_Click() height=21 
      src="select1.files/button2.gif" width=20 align=absMiddle border=0> 
  </TD></TR></TBODY></TABLE>
<DIV id=dropdownOption 
style="BORDER-RIGHT: #080808 1px solid; BORDER-TOP: #080808 1px solid; Z-INDEX: 1000; VISIBILITY: hidden; BORDER-LEFT: #080808 1px solid; WIDTH: 100%; BORDER-BOTTOM: #080808 1px solid; POSITION: absolute;">
<TABLE class=optionForSel cellSpacing=1 cellPadding=0 width="100%" 
bgColor=white>
  <TBODY>
  <TR onmouseover="this.style.backgroundColor='#0099ff'" 
  onmouseout="this.style.backgroundColor=''">
    <TD onclick=document.all.selectedValue.innerText=this.innerText><IMG 
      hspace=2 src="select1.files/copyright.gif" align=absMiddle border=0><A 
      href="http://lucky.myrice.com/">Visit1</A> </TD></TR>
  <TR>
    <TD onmouseover="this.style.backgroundColor='#0099ff'" 
    onclick=document.all.selectedValue.innerText=this.innerText 
    onmouseout="this.style.backgroundColor=''"><IMG hspace=2 
      src="select1.files/meng1.gif" align=absMiddle border=0><A 
      href="http://lucky.myrice.com/">Visit2</A> </TD></TR>  <TR>
    <TD onmouseover="this.style.backgroundColor='#0099ff'" 
    onclick=document.all.selectedValue.innerText=this.innerText 
    onmouseout="this.style.backgroundColor=''"><IMG hspace=2 
      src="select1.files/meng2.gif" align=absMiddle border=0><A 
      href="http://lucky.myrice.com/">Visit3</A> </TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
function mm_Click()
{
if(document.all.dropdownOption.style.visibility == 'visible')
document.all.dropdownOption.style.visibility='hidden'
else
document.all.dropdownOption.style.visibility='visible'
}
function init(){
document.all.dropdownOption.style.width = document.all.selectLength.clientWidth + 22;
document.all.selectedValue.contentEditable = true;
var strTop = 0;
var strLeft = 0;
var e1 = document.all.selectLength;
while(e1.tagName != "BODY")
{
strTop += e1.offsetTop
strLeft += e1.offsetLeft
e1 = e1.offsetParent
}
document.all.dropdownOption.style.top = String(strTop + 24) + "px";
document.all.dropdownOption.style.left = String(strLeft) + "px";
}function clickE()
{
if(window.event.srcElement.id !='mm')
document.all.dropdownOption.style.visibility='hidden';
}document.onclick = clickE
window.onload = init
</SCRIPT>
<BR><BR><INPUT onclick=alert(document.all.selectedValue.innerText) type=button value=得到选中的值></BODY></HTML>

解决方案 »

  1.   

    有下拉的:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0076)http://www.pconline.com.cn/pcedu/redian/person/200207-wcx/code/imgselect.htm --><HTML><HEAD><TITLE>图片下拉选择器</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><STYLE type=text/css>BODY { FONT-SIZE: 9pt}TD { FONT-SIZE: 9pt}INPUT { BORDER-RIGHT: #0000ff 1px solid; BORDER-TOP: #0000ff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #0000ff 1px solid; COLOR: #000000; BORDER-BOTTOM: #0000ff 1px solid; BACKGROUND-COLOR: #eeeeff}</STYLE><META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD><BODY><CENTER><FORM name=myform action="" method=post>请选择图片: <DIV id=imgBox></DIV><INPUT id=myface size=10 name=myhead> </FORM></CENTER><SCRIPT language=JavaScript>
    <!--
    var imgWidth=64;   //The images width in the imgBox;
    var imgHeight=64;  //The images height in the imgBox;
    var selectedNo=7;  //The image's No which is eslected;
    var selecteSize=2; //the count of items which be show in the list;
    var imgSrc="head/数字序号.gif";  //Don't Replace "数字序号" to figure;/*************  Write images   *************/
    var myHTML='<SPAN onmouseover="isin=true" onmouseout="isin=false">';
    myHTML+='<table width="1" onclick="showlist(this)" title="选择提示框" border="0" cellspacing="0" cellpadding="0"><tr><td><img name="imgselected" border=1 src="'+imgSrc.replace("数字序号",selectedNo)+'" WIDTH='+(imgWidth)+' HEIGHT='+imgHeight+'></td><td valign=top><img src="menu.gif"></td></tr></table>';
    myHTML+='<DIV onscroll="scrollud()" id="imgBox" \n';
    myHTML+='style="position:absolute;left=-800;top=0;background-color:#FFFFFF;border: 1px solid #000000;overflow-x:hidden;overflow-y:scroll; width:'+(imgWidth+20)+'px; height: '+imgHeight*selecteSize+'px">';
    for(i=0;i<10;i++){
      myHTML+="<img listID="+i+" src='"+imgSrc.replace("数字序号",i)+"' alt='"+imgSrc.replace("数字序号",i)+"' width="+imgWidth+" height="+imgHeight+" onclick='selectme(this)' onload='if(init)init()'><BR>";
    }
    myHTML+= "</DIV></SPAN>";
    imgBox.outerHTML=myHTML;/****** show or hide list *****/
    function showlist(obj){
      if(imgBox.style.pixelLeft!=-800){imgBox.style.pixelLeft=-800; return;}
      
      var mytop=obj.offsetTop; 
      var myleft=obj.offsetLeft; 
      while(obj=obj.offsetParent){ 
        myleft+=obj.offsetLeft; 
        mytop+=obj.offsetTop; 
      }
      imgBox.style.left=myleft;
      imgBox.style.top=mytop+imgHeight+2;}var isin=false;
    function selectme(obj){
      if(!isin||obj){imgBox.style.pixelLeft=-800;}
      if(obj){
        myform.myhead.value=imgSrc.replace("数字序号",obj.listID);
        document.images["imgselected"].src=imgSrc.replace("数字序号",obj.listID);
      }
    }/***** Scroll to appropriate position *****/
    var mytime=setTimeout("",0);
    var pre_X=0;
    function scrollud(){
      var current_X=imgBox.scrollTop;
      if(current_X>pre_X && imgBox.scrollTop< Math.ceil(imgBox.scrollTop/imgHeight)*imgHeight){
        clearTimeout(mytime);
        mytime=setTimeout("imgBox.scrollTop=Math.round(imgBox.scrollTop+1);",1);
      }
      else if(current_X<pre_X && imgBox.scrollTop> Math.floor(imgBox.scrollTop/imgHeight)*imgHeight){
        clearTimeout(mytime);
        mytime=setTimeout("imgBox.scrollTop=Math.round(imgBox.scrollTop-1);",1);
      }
      pre_X=current_X;
    }function init(){
      imgBox.scrollTop=selectedNo*imgHeight;
      myform.myhead.value=imgSrc.replace("数字序号",selectedNo);
    }myActivation="selectme(null)";
    if(document.body.onclick)
    {
    eval(document.body.onclick.toString().replace('anonymous()','bodyclick()'));
    document.body.onclick=new Function("bodyclick();"+myActivation);
    }
    else document.body.onclick=new Function(myActivation);
    -->
    </SCRIPT></BODY></HTML>
      

  2.   

    非常感谢duhastfaust() 兄,不过我只能看到×,能不能把相关图片发给我啊
    baiyaj@sohu.com