船长 发表于 2009-02-17 10:29 | 分类:jQuery插件 | 阅读数:1,496 次
jQuery的selectbox效果,下拉框自定义效果,自定义背景,自定义元素显示方式等
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery Select box</title> <link rel="stylesheet" type="text/css" href="http://www.songlecn.com/wp-content/supload/2009/02/17/selectbox.css" /> <script type="text/javascript" src="http://www.songlecn.com/wp-content/files/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://www.songlecn.com/wp-content/supload/2009/02/17/jquery.selectbox-0.6.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#myselectbox').selectbox(); }); </script> </head> <body> <!--<a href="#" id="showme">show me/ hide me</a>--> <div id="hiddendiv" style="display:;"> <form id="forms" method="get"> <span style="color:red">*再次刷新页面即可看到效果变化</span> <label for"field1">Field 1 : </label> <input type="text" name="field1" id="field1" tabindex="1" /><br/> <label for"myselectbox">Field 2 : </label> <select id="myselectbox" name="myselectbox" tabindex="2"> <option value="1">option 1</option> <option value="2" selected="selected">option 2</option> <option value="3">option 3</option> <option value="4">option 4</option> <option value="5">option 5</option> <option value="6">option 6</option> <option value="7">option 7</option> <option value="8">option 8</option> <option value="9">option 9</option> <option value="10">option 10</option> </select> <input type="submit" /> </form> </div> </body> </html>
提示:你可以先修改部分代码再运行。
您的网名: * 必填
电子邮件: * 绝不会泄露
个人主页:
评论内容:
(Ctrl+Enter快捷回复)
web集结号致力于