点击按钮文本变下拉菜单效果-JS特效-爱易网页

点击按钮文本变下拉菜单效果

日期：2014-05-18　浏览次数：20278 次

以下是程序代码

<html>
<head>
<title>点击按钮，文本变为下拉列表框效果，ali xixi.com 整理收集。</title>
<script type="text/javascript">
function aiyiweb_com(){
 var _aiyiweb = document.getElementById('aiyiweb');
 var _aiyiweb_com = document.getElementById('www_aiyiweb_com');
 if( _aiyiweb.style.display == ''){
  _aiyiweb.style.display = 'none';
 }
 else{
  _aiyiweb.style.display = '';
 }
   if ( _aiyiweb_com.style.display == 'none' ){
  _aiyiweb_com.style.display = '';
 }
 else{
  _aiyiweb_com.style.display = 'none';
 }
}
</script>
</head>
<body>
告诉你一个应有尽有的网页特效网址：<a href="http://js.aiyiweb.com">http://js.aiyiweb.com</a>
<hr />
<input type="text" name="aiyiweb" id="aiyiweb" value="点击按钮" size="9">   
<select name="www_aiyiweb_com" id="www_aiyiweb_com" style="display:none;">
 <option value="www.aiyiweb.com">爱易网</option>
 <option value="js.aiyiweb.com">网页特效</option>
 <option value="book.aiyiweb.com">电子书籍</option>
 <option value="down.aiyiweb.com">源码下载</option>
    <option value="down.aiyiweb.com">源码下载</option>
    <option value="cool.aiyiweb.com">酷站欣赏</option>
    <option value="tool.aiyiweb.com">站长工具</option>
    <option value="bbs.aiyiweb.com">论坛系统</option>
    <option value="shop.aiyiweb.com">素材商城</option>
    <option value="aiyiweb.com">您自定义</option>
</select>
<input type="submit" name="Submit" onclick="aiyiweb_com();" value="点击改变" />
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

点击按钮文本变下拉菜单效果

相关资料更多>

推荐阅读更多>