用div和span模拟select控件[2]

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 snakegod 的 blog

  obj.optiondiv.style.visibility = obj.optiondiv.style.visibility=="visible"?"hidden":"visible";
 }
 //移动option时的动态效果
 for (i=0;i<obj.options.length;i++) {
  obj.options[i].attachevent("onmouseover",function(){movewithoptions("highlight","white")});
  obj.options[i].attachevent("onmouseout",function(){movewithoptions("","")});
  obj.options[i].attachevent("onmouseup",selectedtext);
 }
 function movewithoptions(bg,color) {
  with(event.srcelement) {
   style.backgroundcolor = bg;
   style.color = color;
  }
 }
}
function getselectposition(obj) {
 var objleft = obj.offsetleft;
 var objtop = obj.offsettop;
 var objparent = obj.offsetparent;
 while (objparent.tagname != "body") {
  objleft += objparent.offsetleft;
  objtop += objparent.offsettop;
  objparent = objparent.offsetparent;
 }
 return([objleft,objtop]);
}
function selectedtext() {
 var sel=event.srcelement.farther;
 sel.selectedindex=event.srcelement.index;
 sel.value=sel.options[sel.selectedindex][1];
 sel.text=sel.options[sel.selectedindex][0];
 with(event.srcelement) {
  sel.defaultvaluetd.innertext = innertext;
 }
 sel.optiondiv.style.visibility="hidden";
 //with(sel.defaultvaluetd.style)background="highlight",color="white";
 var t="";
 if (sel.onchange!=null)
 t+=sel.onchange;
 if (sel.onchange!=null)
 t+=sel.onchange;

 if (t!=''){
  var cmd=(t).replace(/this/gi,"sel");
  //document.execscrip(cmd,"javascript");
  
  eval(cmd);
 }
 

本文关键:用div和span模拟select控件
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top