javascript模拟select下拉列表特效_表单特效

来源：动视网责编：小采时间：2020-11-27 20:42:08

javascript模拟select下拉列表特效_表单特效

javascript模拟select下拉列表特效_表单特效: javascript 模拟select下拉列表特效 by jb51.net function gets_id(objName){ if(document.getElementById){ return eval('document.getElementById(' + objName + ')'); }else if(docu

推荐度：

点击下载本文 文档为doc格式

导读javascript模拟select下拉列表特效_表单特效: javascript 模拟select下拉列表特效 by jb51.net function gets_id(objName){ if(document.getElementById){ return eval('document.getElementById(' + objName + ')'); }else if(docu

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>javascript 模拟select下拉列表特效 by jb51.net</title> 
<style type="text/css"> 
 
</style> 
</head> 
 
function gets_id(objName){ 
if(document.getElementById){ 
return eval('document.getElementById("' + objName + '")'); 
}else if(document.layers){ 
return eval("document.layers['" + objName +"']"); 
}else{ 
return eval('document.all.' + objName); 
} 
} 
//打开DIV层 
function disp_cc() 
{ 
if(gets_id('hh').style.display=='none') 
{ 
gets_id('hh').style.display=''; 
} 
else 
{ 
gets_id('hh').style.display='none'; 
} 
} 
//赋值 
function gets_value(str) 
{ 
gets_id('class').value=str; 
gets_id('hh').style.display='none'; 
} 
</ script> 
<body> 
 
<input name="class" type="text" class="wena" onClick="disp_cc();" value="请选择栏目"/> 
 
 
 
 
<li class=lis>option值1</li> 
<li class=lis>option值2</li> 
<li class=lis>option值3</li> 
<li class=lis>option值4</li> 
 
关闭 
 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript模拟select下拉列表特效_表单特效

推荐度：

点击下载本文 文档为doc格式

标签：下拉菜单特效 js

热门焦点

javascript模拟select下拉列表特效_表单特效

javascript模拟select下拉列表特效_表单特效

javascript模拟select下拉列表特效_表单特效

最新推荐

猜你喜欢

热门推荐