在option下拉菜单选项中添加图片
来源:互联网 发布:360解压缩 mac 编辑:程序博客网 时间:2024/05/16 10:47
<h3 align=center>作者 neweroica</h3>
<h3 align=center>2002-11-21 14:33</h3>
<script>
//*****************************************************************
//
// 作者 neweroica
// 2002-11-21 14:33
// 欢迎大家引用,但请保留此版权信息,谢谢!
//
//******************************************************************
var h=0;
function doSelect(id){
if(h%2==0)
list.style.display='';
else
list.style.display='none';
h++;
eval('title.innerHTML=title_'+id+'.value');
}
function selectList(imgSrc,i,id){
title.innerHTML='<img src='+imgSrc+'>';
eval('value_'+id+'.value='+(i+1));
}
function endSelect(){
list.style.display='none';
h=0;
}
function chBg(){
if(h%2==0)
list.style.display='';
else
list.style.display='none';
h++;
}
function build(id,title,left,top,width,height,images){
dw=document.write;
dw('<input type=hidden id=title_'+id+' value='+title+'>');
dw('<input type=hidden id=value_'+id+' value=0>');
dw('<table width='+width+' height='+height+' cellspacing=0 cellpadding=0 style="position:absolute;left:'+left+';top:'+top+';border:1px solid #000000;">');
dw('<tr><td id=title>'+title+'</td></tr></table>');
dw('<table id=list width='+width+' height='+height+' cellpadding=0 cellspacing=0 style="position:absolute;left:'+left+';top:'+(top+height)+';border:1px solid #000000;display:none;">');
for(var i=0;i<images.length;i++){
dw('<tr><td onmouseover=this.style.backgroundColor="#000088"; onmouseout=this.style.backgroundColor="#ffffff"; onblur=selectList("'+images[i]+'",'+i+',"'+id+'")><img src='+images[i]+'></td></tr>');
}
dw('</table><input type=image src=http://202.112.86.128/studentspace/aqyw/js/option/sltBtn.gif style="position:absolute;left:'+(left+width-17)+';top:'+(top+2)+';" onclick=doSelect("'+id+'") onblur=endSelect()>');
}
//********************************************************************************
//这里是下拉菜单中的各个图片路径
var img=new Array(
"http://202.112.86.128/studentspace/aqyw/js/option/girl1.gif",
"http://202.112.86.128/studentspace/aqyw/js/option/girl2.gif",
"http://202.112.86.128/studentspace/aqyw/js/option/boy1.gif",
"http://202.112.86.128/studentspace/aqyw/js/option/boy2.gif",
"http://202.112.86.128/studentspace/aqyw/js/option/qq.gif"
);
//建立一个下拉菜单
build('myOption','请选择图象',400,150,100,20,img); //各参数的意义:id,title,left,top,width,height,images
//**********************************************************************************
</script>
<!--下面是测试选择的索引值-->
<br><br><br><br><br><br><br><br><div align=center>当前选项<input id=optInd size=5 value=0></div>
<script>
function chk(){
optInd.value=value_myOption.value;
setTimeout("chk()",500);
}chk();
</script>
- 在option下拉菜单选项中添加图片
- easyUI中select下拉框添加option选项
- jsp下拉菜单中加选项 向select中加option
- 如何在Excel中添加下拉菜单
- 读书笔记一 在系统菜单中添加菜单选项
- 如何在ComBox选项中添加图片
- boostrap按钮式下拉菜单动态添加选项并在按钮上显示点击选项
- select下拉列表, 从数据库查询,动态添加选项option
- 做一个下拉菜单,当选择其中一个选项时,在旁边的input中显示一段文字,每个选项对应不同的input,不是的到option的value,不涉及到数据库。
- Option Menu 选项菜单
- 选项菜单(option Menu)
- 选项菜单Option Menu
- 在系统的右键菜单中添加选项
- 在右键点击的菜单中添加选项的方法
- 在vs2010+MFC中动态添加菜单选项
- 在vs2010+MFC中动态添加菜单选项
- 如何在Excel中添加单元格菜单选项
- 在menuconfig 菜单中添加自己编写的驱动选项
- MFC程序的基本框架
- 第一次使用python
- 提高面试效率的几点建议
- excel熟悉中...
- 页面之间传递值(续)
- 在option下拉菜单选项中添加图片
- asp.net HttpHand和HttpModule的详细解释,包括Asp.Net对Http请求的处理流程。
- 我想用本地硬盘来实现远程访问,有什么好的方法吗?
- 爱因斯坦出的一道测试题
- 提高IIS网站服务器的效率的八种方法 (转载)
- 抽象类和接口 - 实战练习
- Asp.Net运行时对象生成过程以及HttpHandler和HttpModule的处理过程。
- 使用Singleton模式?给我一个理由先!
- 用Reflection实现Visitor模式