📄 demo.html
字号:
<!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=gbk" />
<!-- Tab -->
<script type="text/javascript" src="script/jq.js" charset="utf-8"></script>
<!--提示 -->
<script src="script/lvyouin.js" charset="utf-8"> </script>
<link href="css/sug.css" rel="stylesheet" type="text/css" charset="utf-8"/>
<script type="text/javascript" src="script/in.js" charset="utf-8"></script>
<!--取掉flash虚线框
<script type="text/javascript" src="script/objectwrite.js" charset="utf-8"></script>
-->
<!--整体css -->
<link href="script/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function(){
changeTabs();
changeTb();
//selectCity();
});
function changeTabs(){
var tabs = $("#tabs strong");
var forms = $(".search-form");
$.each(tabs,function(i,o){
$(o).attr("n","n-"+i);
});
tabs.mouseover(function(){
if($(this).attr("class") && $(this).attr("class").split("disable").length == 2) return;
$(this).addClass("tabs-hover");
});
tabs.mouseout(function(){
if($(this).attr("class").split("disable").length == 2) return;
$(this).removeClass("tabs-hover");
});
tabs.click(function(){
if($(this).attr("class").split("disable").length == 2) return;
n = $(this).attr("n").split("-")[1];
tabs.removeClass("tabs-here");
$(this).addClass("tabs-here");
forms.hide();
forms.eq(n).show();
});
}
function changeTb(){
var tb = $("#tb strong");
var forms = $(".tb-form");
$.each(tb,function(i,o){
$(o).attr("n","n-"+i);
});
tb.mouseover(function(){
if($(this).attr("class") && $(this).attr("class").split("disable").length == 2) return;
$(this).addClass("tb-hover");
});
tb.mouseout(function(){
if($(this).attr("class").split("disable").length == 2) return;
$(this).removeClass("tb-hover");
});
tb.click(function(){
if($(this).attr("class").split("disable").length == 2) return;
n = $(this).attr("n").split("-")[1];
tb.removeClass("tb-here");
$(this).addClass("tb-here");
forms.hide();
forms.eq(n).show();
});
}
function initTb(){
// init tb
var forms = $(".tb-form");
var input = $("#tb input");
$.each(input,function(i,o){
if($(o).attr("checked")){
forms.hide();
forms.eq(i).show();
}
});
}
function selectCity(){
var cityList = $(".city-list");
var cityBtn = $(".city-button");
var input = $(".select-city");
var where = $(".city-list .txt-btn");
var body = $("body");
if(!cityList.size() | !cityBtn.size()){
return;
}
cityBtn.bind("click",function(){
cityList.toggle();
return false;
});
input.bind("click",function(){
cityList.toggle();
return false;
});
where.bind("click",function(){
input.attr("value",this.innerHTML);
cityList.toggle();
return false;
});
cityList.bind("click",function(e){
var targ;
if (!e) var e = window.event;
if (e.target) targ = e.target;
else if (e.srcElement) targ = e.srcElement;
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode;
if(!(targ.tagName == "STRONG" || targ.tagName == "A")) return false;
});
body.bind("click",function(){
cityList.hide();
});
}
</script>
<title>酷讯旅游网</title>
</head>
<body id="home">
<div id="wrapper">
<div id="mid">
<div id="content">
<div id="search">
<div id="search-feat">
</div>
<div id="search-tabs">
<div id="tabs">
<strong class="tabs-here"><span>旅游线路</span></strong>
<strong ><span>机票</span></strong>
<strong><span>酒店</span></strong>
</div>
<div class="inner">
<div class="inner-1">
<div class="search-form">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="top" style="padding:2px 0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="16%" style="padding-left:11px; padding-top:16px;color:#666; padding-bottom:2px;" valign="top">请选择:</td>
<td width="84%" style="padding-top:10px;">
<div id="tb">
<strong class="tb-here"><span> <label for="r1"><input name="" id="r1" type="radio" value="" checked />国内游</label></span></strong>
<strong><span><label for="r2"><input name="" id="r2" type="radio" value="" />港澳游</label></span></strong>
<strong><span><label for="r3"><input name="" id="r3" type="radio" value="" />出境游</label></span></strong>
<strong><span><label for="r4"><input name="" id="r4" type="radio" value="" />周边游</label></span></strong>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" valign="top" style="padding-top:16px;">
<div id="search-tb" style="width:120px;">
<div class="nei">
<div class="nei-1">
<div class="tb-form">
<form method="GET" name="xianluform0" action="http://xianlu.kooxoo.com/search">
<input type="hidden" name="T" value="Travel">
<input type="hidden" name="Cat" value="nation">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<label for="label">出发城市</label><br />
<input id="i-1" type="text" class="ui-text select-city" style="width:120px;" name="From" autocomplete=off/>
</td>
<td><label for="i-2">目的地<span style="color:#666666">(比如北京，九寨沟等)</span></label><br />
<input name="q" type="text" class="ui-text" id="text2" style="width:160px;" />
</td>
</tr>
<tr>
<input type="hidden" name="fromid" value="">
<td><button type="submit">酷讯搜索</button></td><td> </td>
</tr>
<tr><td colspan="2" class="keywords">搜索2185个网站，231031多条旅游线路信息</td></tr>
</table>
</form>
</div>
<div class="tb-form" style="display:none">
<form method="GET" name="xianluform1" action="http://xianlu.kooxoo.com/search">
<input type="hidden" name="T" value="Travel">
<input type="hidden" name="Cat" value="hm">
<table>
<tr>
<td class="tdpadright">
<label for="i-1">出发城市</label><br />
<input id="i-1" name="From" type="text" class="ui-text select-city" style="width:160px;" />
</td>
<td class="tdpadright">
<label for="i-2">目的地<span style="color:#666666"></span></label><br />
<select name="q" id="select" style="width:160px;" class="select">
<option value="http://travel.kooxoo.com/香港/澳门">香港/澳门</option>
<option value="香港">香港</option>
<option value="澳门">澳门</option>
</select>
</td>
</tr>
<tr>
<input type="hidden" name="fromid" value="">
<td><button type="submit">酷讯搜索</button></td><td> </td>
</tr>
<tr><td colspan="2" class="keywords">搜索2185个网站，231031多条旅游线路信息</td></tr>
</table>
</form>
</div>
<div class="tb-form" style="display:none">
<form method="GET" name="xianluform2" action="http://xianlu.kooxoo.com/search">
<input type="hidden" name="T" value="Travel">
<input type="hidden" name="Cat" value="abord">
<table>
<tr>
<td class="tdpadright">
<label for="i-1">出发城市</label><br />
<input id="i-1" name="From" type="text" class="ui-text select-city" style="width:160px;" /> </td>
<td class="tdpadright">
<label for="i-2">目的地 <span style="color:#666666"></span></label><br />
<input name="q" id="i-1" type="text" class="ui-text select-city" style="width:160px;" />
</td>
</tr>
<tr>
<input type="hidden" name="fromid" value="">
<td><button type="submit">酷讯搜索</button></td><td> </td>
</tr>
<tr><td colspan="2" class="keywords">搜索2185个网站，231031多条旅游线路信息</td></tr>
</table>
</form>
</div>
<div class="tb-form" style="display:none">
<form method="GET" name="xianluform3" action="http://xianlu.kooxoo.com/search">
<input type="hidden" name="T" value="Travel">
<input type="hidden" name="Cat" value="around">
<table>
<tr>
<td class="tdpadright">
<label for="i-1">出发城市</label><br />
<select name="From" class="select" id="select2" style="width:230px;">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="南京">南京</option>
<option value="杭州">杭州</option>
<option value="成都">成都</option>
<option value="广州">广州</option>
<option value="青岛">青岛</option>
<option value="深圳">深圳</option>
<option value="武汉">武汉</option>
</select>
</td>
</tr>
<tr>
<input type="hidden" name="fromid" value="">
<td><button type="submit">酷讯搜索</button></td>
</tr>
<tr><td colspan="2" class="keywords">搜索2185个网站，231031多条旅游线路信息</td></tr>
</table>
</form>
</div>
<script type="text/javascript">
initTb();
</script>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="search-form" style="display:none;">
<form name="sjipiao" action="http://jipiao.kooxoo.com/fcgi-bin/fast_air_search_wrap" method="GET" onsubmit="return onUrla(this.t.value,this.q.value);">
<input type="hidden" name="oem" value="inner_travel">
<input type="hidden" name="fromid" value="">
<table>
<tr>
<td>
<label for="i-3">出发城市</label><br />
<input type="text" class="ui-text" style="width:140px;" name="t" id="frmcity" autocomplete=off /><input name="From" type="hidden" value="" />
</td>
<td>
<label for="i-5">到达城市</label><br />
<input id="tocity" name="q" type="text" class="ui-text" style="width:140px;" value="" autocomplete=off /><input name="to" value="" type="hidden" />
</td>
</tr>
<tr>
<td colspan="2">
<label for="i-4">出发日期</label><br />
</td>
</tr>
<tr>
<td valign="bottom" colspan="2">
<button type="submit">酷讯搜索</button>
</td>
</tr>
<tr>
<td colspan="2" class="keywords">
热门搜索：<a href="#" onclick="window.open('http://jipiao.kooxoo.com/fcgi-bin/fast_air_search_wrap?From=PEK&to=CTU&fromid=inner_travel&oem=inner_travel&date='+document.sjipiao.date.value)">北京-成都</a> <a href="#" onclick="window.open('http://jipiao.kooxoo.com/fcgi-bin/fast_air_search_wrap?From=PEK&to=SHA&fromid=inner_travel&oem=inner_travel&date='+document.sjipiao.date.value)">北京-上海</a> <a href="#" onclick="window.open('http://jipiao.kooxoo.com/fcgi-bin/fast_air_search_wrap?From=PEK&to=SHE&fromid=inner_travel&oem=inner_travel&date='+document.sjipiao.date.value)" >北京-沈阳</a>
</td>
</tr>
</table>
<input type="hidden" name="fromCity" value='其它'>
</form>
</div>
<div class="search-form" style="display:none;">
<form method="GET" name="s" action="http://hotel.kooxoo.com/search.php" onsubmit="return check()">
<table>
<tr>
<td>
<label for="i-1">城市(汉字/拼音或首字母)</label><strong style="color:tomato">*</strong><br />
<input name="city" autocomplete=off id="i-1" type="text" />
</td>
<td>
<label for="i-2">入住日期<strong style="color:tomato">*</strong></label><br />
</td>
</tr>
<tr>
<td>
<label for="i-4">价格范围</label><br />
<select name="price" id="hotel_price">
<option label="不限" value="0">不限</option>
<option label="100元以下" value="0-100">100元以下</option>
<option label="101-200元" value="101-200" selected="selected" style="color:red">101-200元</option>
<option label="201-300元" value="201-300">201-300元</option>
<option label="301-400元" value="301-400">301-400元</option>
<option label="401-500元" value="401-500">401-500元</option>
<option label="501-800元" value="501-800">501-800元</option>
<option label="801-1200元" value="801-1200">801-1200元</option>
<option label="1200元以上" value="1201-90000">1200元以上</option>
</select>
</td>
<td>
<label for="i-5">酒店名/所在区域</label><br />
<input id="i-5" name="hotel" type="text" class="ui-text" style="width:180px;" />
<input type="hidden" name="fromid" value="">
</td>
</tr>
<tr>
<td colspan="2">
<button type="submit">酷讯搜索</button>
<strong style="color:tomato">*</strong><span style="font-size:9pt" >为必选项</span>
</td>
</tr>
<tr>
<td colspan="2" id="keywords">
<span class="keywords">搜索18个网站，12000多家酒店信息</span>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr />
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -