仿机票系统jquery下拉提示框怎么在自己页面中调用啊??
如图!网上下的这个系统可以自己运行! 可是怎么都无法运用到自己的页面中去! 该调整哪儿啊!高手帮忙! 搞了好久!
程序代码:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="../money/jquery.js"></script>
<script type="text/javascript" src="../money/aircity.js"></script>
<script type="text/javascript" src="../money/j.dimensions.js"></script>
<script type="text/javascript" src="../money/j.suggest.js"></script>
<script type="text/javascript">
$(function(){
$("#arrcity").suggest(citys,{hot_list:commoncitys,dataContainer:'#arrcity_3word',onSelect:function(){$("#city2").click();}, attachObject:'#suggest'});
$("#city2").suggest(citys,{hot_list:commoncitys,attachObject:"#suggest2"});
});
</script>
<style type="text/css">
body{margin:0;padding:0;font-family:"宋体";font-size:13px;text-align:center;}
h1{margin:0;padding:20px 0;font-size:16px;}
ol{padding-left:20px;line-height:130%;}
#box{width:600px;text-align:left;margin:0 auto;padding-top:80px;}
#suggest,#suggest2{width:200px;}
.gray{color:gray;}
.ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none;}
.ac_results ul{margin:0;padding:0;list-style:none;}
.ac_results li a{white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px;}
.ac_results li{border:1px solid #fff;}
.ac_over,.ac_results li a:hover {background:#c8e3fc;}
.ac_results li a span{float:right;}
.ac_result_tip{border-bottom:1px dashed #666;padding:3px;}
</style>
</head>
<body>
<div id="box">
<input type="hidden" name="arrcity_3word" id="arrcity_3word" value="" />
<label for="arrcity"></label><input type="text" name="dbdd" id="arrcity" />
<div id='suggest' class="ac_results">
</div>
</body>
</html>



