js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 表单按钮

js仿携程网城市选择器特效代码

发布时间:2016-03-11 22:51:48    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

js仿携程网城市选择器特效代码
<!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>js仿携程网城市选择器特效代码</title>    
		<style type="text/css">    
			*{margin:0;padding:0;list-style-type:none;}    
			a,img{border:0;}    
			body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}    
			.demo{width:480px;margin:40px auto 0 auto;}    
			.demo div{height:40px;float:left;width:240px;}    
		</style>    
	</head>    
	<body>    
		<div class="demo">    
			<div>    
				出发地:    
				<input type="text" value="" size="15" id="homecity_name" name="homecity_name" mod="address|notice" mod_address_source="hotel" mod_address_suggest="@Beijing|北京|53@Shanghai|上海|321@Shenzhen|深圳|91@Guangzhou|广州|80@Qingdao|青岛|292@Chengdu|成都|324@Hangzhou|杭州|383@Wuhan|武汉|192@Tianjin|天津|343@Dalian|大连|248@Xiamen|厦门|61@Chongqing|重庆|394@" mod_address_reference="cityid" mod_notice_tip="中文/拼音" />    
				<input id="cityid" name="cityid" type="hidden" value="{$cityid}" />    
			</div>			    
			<div>    
				目的地:    
				<input type="text" value="" size="15" id="getcity_name" name="getcity_name" mod="address|notice" mod_address_source="hotel" mod_address_suggest="@Beijing|北京|53@Shanghai|上海|321@Shenzhen|深圳|91@Guangzhou|广州|80@Qingdao|青岛|292@Chengdu|成都|324@Hangzhou|杭州|383@Wuhan|武汉|192@Tianjin|天津|343@Dalian|大连|248@Xiamen|厦门|61@Chongqing|重庆|394@" mod_address_reference="getcityid" mod_notice_tip="中文/拼音" />    
				<input id="getcityid" name="getcityid" type="hidden" value="{$getcityid}" />    
			</div>    
		</div>    
		<div id="jsContainer" class="jsContainer" style="height:0">    
			<div id="tuna_alert" style="display:none;position:absolute;z-index:999;overflow:hidden;"></div>    
			<div id="tuna_jmpinfo" style="visibility:hidden;position:absolute;z-index:120;"></div>    
		</div>    
		<script type="text/javascript" src="js/fixdiv.js"></script>    
		<script type="text/javascript" src="js/address.js"></script>    
	</body>    
</html>



城市选择器

js仿携程网城市选择器特效代码