SearchFlight_Joker_ZenDei技術網路在線

SearchFlight_Joker

-Advertisement-

SearchFlight ...

<!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=UTF-8" />
        <title>DragonFlight</title>
        <link href="css/SearchFlight.css" rel="stylesheet"type="text/css">
        <script type="text/javascript" src="js/jquery-1.11.3.js"></script>    
        <script type="text/javascript" src="js/SearchFlight.js"></script>    
<style type="text/css">
       .*{
    margin:0;
    padding:0;
}

/* banner begin*/
.banner{
    width:100%;
    height:80px;
    line-height: 65px;
    text-align: left;
    margin-left:65px;
    padding-left: 160px;
    font-family: arial bold;
    font-size: 40px;
    background: url(http://www.websbook.com/upimg/litimg/080214/03203011303.jpg) no-repeat left center;
}/* banner end*/

/* main-navigation begin */
.main-navigation {
    width: 100%;
    height:50px;
    text-align: center;
    display: inline-block;
    background: #3b3c3b;
}
.main-navigation ul {
    display: block;
    list-style-type: none;
    width:80%;
    height:44px;
    margin:3px auto;
}
.main-navigation ul li {
    float: left;
    display: inline-block;
    height:44px;
    padding: 0px 10px;
}
.main-navigation ul li a {
    float: left;
    display: inline-block;
    height:45%;
    line-height: 70%;
    padding: 13px 5px;
    font: bold 12px/12px Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.main-navigation ul li a:hover {
    background-color: #fff;
    color: #000;
    border-radius:2px;
}/* main-navigation end */

/* base_top begin */
.base_top{
    background: url(http://image.so.com/v?ie=utf-8&src=hao_360so&q=travel&fromurl=http%3A%2F%2Fmy.pclady.com.cn%2Fp%2F1238671.html#ie=utf-8&src=hao_360so&q=travel&fromurl=http%3A%2F%2Fmy.pclady.com.cn%2Fp%2F1238671.html&lightboxindex=5&id=8dcafcdf5f48fd304bce18a6751a231d&multiple=0&itemindex=0&dataindex=30) no-repeat center center;
}
#search_box {
    width: 50%; 
    margin: 5px auto;
    z-index: 10;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
    padding: 5px;
    background-color: #3498db;
}
.search-title .flight-tit {
    width: 228px;
}
.search-title h3 {
    margin-top: 4px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-family: "Microsoft Yahei",arial,sans-serif;
    font-weight: 300;
    border: solid #3498db;
    border-width: 1px 1px 0;
    border-radius: 6px;
}
.form_group {
    margin: 0 0 15px;
    position: relative;
    line-height: 30px;
}
.search_filter,.search_filter form {
    display: block;
    margin-top: 0em;
}
.search_form {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding:10px 28px;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
}
.search_form .form_group .form_fields label input{
    width:50px;
    display:inline-block;
    margin:0;
    padding:0;
}
.form_title{
    float:left;
    padding-right:5px;
}
/* .search_form .ico_info {
    display: inline-block;
    vertical-align: middle;
    vertical-align: middle;
    _vertical-align: -4px;
    width: 12px;
    height: 12px;
    background-position: -210px -114px;
} */
.form_fields {
    margin-left: 70px;
}
.input_radio{
    margin-left: 23px;
    padding-right: 10px;
}
.input_txt {
    width: 322px;
}

.input_txt {
    padding: 4px 0 4px 3px;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
    border-color: #BBB #DDD #DDD #BBB;
    box-shadow: 1px 1px 1px #DDD inset;
    font-size: 14px;
    font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
    height: 20px;
    line-height: 20px;
}
.watermark, .inputSel {
    color: #999 !important;
}
.clearfix, .clearfix .form_group { 
    display: inline-block;
}
.search-traveler-types .form_title {
    width: 61px;
    top: 5px;
}
.multi_search_content .multiTitle{
    width:40px;
}

.search-traveler-types .form_group .form_fields {
    margin-left: 3px;
    height:35px;
}
.search_form select {
    padding: 2px;
    _padding: 0;
    height:25px;
    width: 105px;
    border: 1px solid #D7D7D7;
    font-family: Arial, 'Hiragino Sans GB', "microsoft yahei",sans-serif;
}
option {
    font-weight: normal;
    display: block;
    padding: 0px 2px 1px;
    min-height: 1.2em;
}
.flight_direct{
    float:left;
}
.Nonstop{
    display: inline-block;
    width:150px;
    height:18px;
    line-height: 18px;
    text-align: center;
    margin-left:45px;

}

.multi_form_group{
    margin: 15px 10px;
    position: relative;
    line-height: 30px;
    width:100%;
    overflow: hidden;
}
.multi_label{
    display: inline-block;
    height:40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
}
.multi_form_group .multi_form_content{
    width:130px;
    padding: 4px 0 4px 3px;
    outline: medium none;
    border: 1px solid;
    border-color: #BBB #DDD #DDD #BBB;
    box-shadow: 1px 1px 1px #DDD inset;
    font-size: 14px;
    font-family: Tahoma, Arial, 'Hiragino Sans GB', "Microsoft Yahei", \5b8b\4f53, sans-serif;
    height: 20px;
    line-height: 20px;
}
.form_group .add_trip{
    display:block;
    width:98%;
    border:1px dashed #111;
    text-decoration: none;
    text-align: center;
}
#multform_last a:hover{
    border:2px dashed #3498db;
}

.search_flight{
    display: line-block;
    width:150px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background-color:#3498db;
    border-radius: 5px;
    font-family: arial;
    float:right;
}
.search_flight a{
    color:#fff;
    text-decoration: none;
    font-size:20px;
}
/* base_top end */

/* SelectCity board style begin*/
#menu1 a:link{
     color:#2c3e50;
     text-decoration:none;
     font-family: Roboto light,regular,medium bold;
}

#menu1 a:visited {
     color: #00F;
     text-decoration:none;
}

#menu1 a:hover {
     color: #c00;
     font-family: Roboto light,regular,medium bold;
}

#select ul{
    list-style:none;
}

.main{
     clear:both;
     padding:8px;
     text-align:center;
}

#select{
     text-align:left;
     width:550px;
     background-color: #ecf0f1;
}

.areas{
     position:relative;
     overflow:hidden;
     height:22px;
     width:545px;
     text-align:left;
}

#menu1{
     position:absolute;
     top:0;
     left:0;
     z-index:1;
}

#menu1 li{
     float:left;
     display:block;
     cursor:pointer;
     width:

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

THREE.js 學習筆記（一）

一. 獲取THREE.js three.js的代碼托管在github上面，https://github.com/mrdoob/three.js/ 我們可以用git來獲取代碼，閑麻煩的話也可以直接下載zip文件。二. 目錄結構拿到代碼後先看下three.js的目錄結構 |-build |-cust ...
優酷、騰訊視頻播放器介面參數說明

終於有一點空閑時間整理一下一些小插件，最近經常用到優酷、騰訊的視頻播放器進行視頻播放，所以整理一下以後方便使用。優酷:優酷的視頻播放器介面連接為：http://open.youku.com/tools/ 裡面已經有教詳細的說明瞭。在這裡也做一些說明吧：導入js文件： 1 <script type=" ...
網站設計之合理架構CSS

架構CSS 在當前瀏覽器普遍支持的前提下，css被我們賦予了前所未有的使命。然而依賴css越多，樣式表文件就會變得越大越複雜。與此同時，文件維護和組織的考驗也隨之而來。 (曾幾何時)只要一個css文件就夠了——所有規則(rule)匯聚一堂，增刪改都很方便——可這種日子早已遠去。(現在)建立新網站時， ...
The Better Way to Debug Your JavaScript Program

Using console.log() instead of alert() ...
Javascript字元串拼接小技巧

在Javascript中經常會遇到字元串的問題，但是如果要拼接的字元串過長就比較麻煩了。如果是在一行的，可讀性差不說，如果要換行的，會直接報錯。在此介紹幾種Javascript拼接字元串的技巧. 字元串相加(+) 利用反斜線拼接字元串利用數組拼接字元串利用數組的join方法，把數組轉成字元串 ...
style currentStyle getComputedStyle的區別和用法

先介紹下層疊樣式表的三種形式: 1.內聯樣式，在html標簽中style屬性設置。 2.嵌入樣式，通過在head標簽設置style標簽添加樣式。 3.外部樣式，通過link標簽引入外部樣式進入正題。 style屬性獲取樣式值，使用方法：obj.style.attr style只能獲取元素的內聯樣式 ...
Javascript面試題淺析

分享幾道JavaScript相關的面試題. 字元串反轉這這裡提供了兩種解題思路。如果各位讀者還有其他的思路，可以分享交流！第一方法：第二種方法：編寫一個JavaScript函數 parseQueryString，它的用途是把URL參數解析為一個對象，如：var url = “http://w ...
Ajax的get和post請求

1.get請求 function () { //向伺服器請求時間 //1.創建非同步對象（小瀏覽器，後臺線程） var xhr = new XMLHttpRequest(); //2.設置參數，true表示使用非同步模式 xhr.open("get", "GetTime.ashx?name= Mr靖" ...