分享
 
 
 

CSS控制页面展开和关闭

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!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" lang="zh-CN">

<head>

<title> CSS控制页面展开/关闭 </title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<meta name="Generator" content="EditPlus" />

<meta name="Author" content="" />

<meta name="Keywords" content="" />

<meta name="Description" content="" />

<STYLE>

.expanded

{

}

.collapsed

{DISPLAY: none;

}

.line { border-color: black black #006699; font-family: "宋体"; font-size: 12px; color: #006699; text-decoration: none; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.tab { font-family: "宋体"; font-size: 12px; color: #ffffff; text-decoration: none}

.xingcheng { font-family: "宋体"; font-size: 12px; color: #FFFFFF; text-decoration: none; padding-top: 2px; padding-left: 4px}

.xingchengt { font-family: "宋体"; font-size: 12px; color: #000000; text-decoration: none; border-color: black #006699 #006699; border-style: inset; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.tab { font-family: "宋体"; font-size: 12px; color: #000000; text-decoration: none}

</STYLE>

<script language="javascript">

<!--

function outliner()

{

var child = document.all[event.srcElement.getAttribute("child",false)];

if (null != child){

if(child.className == "expanded")

{

child.className = "collapsed";

return;

}

if(child.className == "collapsed")

{

child.className = "expanded";

return;

}

}

}

//-->

</script>

</head>

<body>

<p align="center"><b>CSS控制页面展开/关闭</b></p>

<table bgcolor=#3333CC border=1 bordercolor=#000000 bordercolordark=#ffffff cellpadding=0 cellspacing=0 width="630" height="12" align="center" >

<tr>

<td bgcolor=#3399CC width=22 align="center"><b><font color="#FFFFFF" size="1">>>></font></b><spacer type="block" width="5"></td>

<td class=xingcheng height=12 onMouseOver="this.bgColor='#3366cc';" onMouseOut="this.bgColor='#3333CC';" width="503" >

<table width="100%" border="0" cellspacing="0" cellpadding="0" class=xingcheng >

<tr>

<td style="cursor: hand" onClick="outliner()" child="1ALL" >兴城古城、葫芦岛、笔架山二日游</td>

</tr>

</table>

</td>

</tr>

</table>

<div class="collapsed" id="1ALL" align="center">

<div child="1ALL2" onClick="outliner()" align="center">

<table class=xingchengt width="629" border="0" cellpadding="2" cellspacing="2">

<tr>

<td height="676">

<p style=line-height:200%><font color="#3333CC">景点介绍 <font color="#000000"><br>

兴城地处辽宁省西南部,距北京417公里,海岸线107公里,城、泉、山、海岛五大景观得天独厚,盛产鱼、虾蟹、贝类等水产品。兴城古城是我国目前保存最完整的明代四大古城之一,呈四方形,现今仍保持着明清时代的风貌。城中温泉属矿物弱碱性食盐天然矿泉,地下熔岩形成,发现于唐代,可治疗各种疾病,有“圣水”之誉。海滨沙细滩缓、潮稳波清;笔架山位于锦州西南沿海,矗立于渤海之中,因其有三峰形似笔架而得名,山上有佛儒道三教的神圣及盘古氏,信者如织,从海岸到山脚下有一条潮汐冲击而形成的“天桥”,随潮涨潮落而若隐若现,是世界上独一无二的奇景。</font><br>

线路行程</font><br>

D1. (星期六)<br>

07:00 嘉宾于北京市内指定集合地点乘坐空调旅游车,经京沈高速公路前往锦州笔架山风景区,途中于玉田服务区、山海关服务区休息,全部车程需6小时(出行时间可自行安排);<br>

13:30 午餐于笔架山风景区; <br>

14:30 乘快船前往笔架山,登山远眺,游览海门、山门、五母宫、三清阁、吕祖亭,活动3-4小时,走天桥神路返回岸边,并可在神路上海中游玩,捕捉小虾、蟹(注意请自带厚底拖鞋、上岛时间会根据潮汐变化调整);<br>

18:30 乘车返回兴城;<br>

19:00 抵达后入住望海楼海景房双人标准间、休息,自由活动;<br>

20:00—22:00 海滨自由活动,沙滩漫步,晚于酒店沐浴温泉或进行海滩篝火晚会(自理);<br>

D2.(星期日)<br>

08:00 早餐于宾馆内,整理行囊、退房;<br>

09:00 乘车前往“龙回头”欣赏美丽的大海、葫芦岛军港(活动20分钟),返回兴城古城,步行参观兴城古城,明代一条街、祖氏石坊、钟鼓楼、自由市场;<br>

11:30 午餐于宾馆内;<br>

12:30 返回北京,结束愉快的旅程。<br>

<font color="#3333CC">旅游报价</font> 300元/人<br>

<font color="#3333CC">服务标准</font><br>

包含:豪华空调旅游车、海景房标准间1晚(独立卫生间、冷暖空调、彩电、房间内温泉洗浴)、1早2正餐(正餐10菜1汤餐餐有海鲜)、笔架山门票(含景区内乘座单程快艇)、青旅全程陪同服务、旅行社责任险15万元/人;<br>

不含:人身意外伤害保险、餐中酒水、客人各项因私消费及客人自费项目。<br>

<font color="#3333CC">联系方式</font><br>

电话:010-67738076、67748432、86650936、67748474、87789687、13381477541

<br>

<font color="#3333CC">在线报名</font>

<form name="form1" method="post" action="baominggo.asp" target=_top;_blank width=480 height=350>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td><font color="#000000">团号:</font> <font color=ff0000>hbdj1</font> </td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td width="142"><font color="#000000">姓名:</font>

<input name="name" class="line" size="8" maxlength="8"

>

<font color="#000000">*</font> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>

<td width="118"><font color="#000000">人数:</font>

<input name="num" size="4" maxlength="4" class="line" >

<font color="#ffffff"> <font color="#000000">*</font></font><font color="#000000">&nbsp;</font></td>

<td width="290"><font color="#000000">身份证号: </font>

<input name="id" class="line" size="18" maxlength="18"

>

<font color="#000000">*&nbsp; </font></td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td><font color="#000000">特别说明:</font>

<input name="line" size="60" maxlength="60" class="line" >

<font color="#000000">*</font>&nbsp;</td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td><font color="#000000">出行日期:</font>

<select name="year" class="line">

<option value="2004" selected>2004</option>

<option value="2005">2005</option>

</select>

<font color="#000000">年</font>

<select name="month" class="line">

<option value="01"

selected>01</option>

<option value="02">02</option>

<option value="03">03</option>

<option value="04">04</option>

<option value="05">05</option>

<option value="06">06</option>

<option value="07">07</option>

<option value="08">08</option>

<option value="09">09</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

</select>

<font color="#000000">月</font>

<select name="day" class="line">

<option value="01"

selected>01</option>

<option value="02">02</option>

<option value="03">03</option>

<option value="04">04</option>

<option value="05">05</option>

<option value="06">06</option>

<option value="07">07</option>

<option value="08">08</option>

<option value="09">09</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option>

</select>

<font color="#000000">日 </font></td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td><font color="#000000">联系地址:</font>

<input name="addre" size="60" maxlength="60" class="line"

>

<font color="#000000">*</font> </td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td width="335"><font color="#000000">联系电话:</font>

<input name="tel" size="15" maxlength="15" class="line" >

<font color="#000000">*</font> </td>

<td width="165"><font color="#000000">移动电话: </font>

<input name="mtel" size="15" maxlength="15" class="line" >

</td>

</tr>

<tr>

<td width="335"><font color="#000000">E-MAIL:</font>

<input name="email" maxlength="40" class="line" size="40" >

</td>

<td width="165"><font color="#000000">付款方式:</font>

<select name="select" class="select">

<option selected>上门收费</option>

<option>柜台交费</option>

</select>

</td>

</tr>

<tr>

<td width="335"> <br>

<input type="submit" name=submit value="提交" class="b">

<input type="reset" name="Submit22" value="重填" class="b">

</td>

<td width="165">&nbsp;</td>

</tr>

</table>

<input type=hidden name=j value=hbdj1>

<input type=hidden name=j1 value=>

</FORM>

</td>

</tr>

</table>

</div>

</div>

<table bgcolor=#3333CC border=1 bordercolor=#000000 bordercolordark=#ffffff cellpadding=0 cellspacing=0 width="630" height="12" align="center" >

<tr>

<td bgcolor=#3399CC width=22 align="center"><b><font color="#FFFFFF" size="1">>>></font></b><spacer type="block" width="5"></td>

<td class=xingcheng height=12 onMouseOver="this.bgColor='#3366cc';" onMouseOut="this.bgColor='#3333CC';" width="503" >

<table width="100%" border="0" cellspacing="0" cellpadding="0" class=xingcheng >

<tr>

<td style="cursor: hand" onClick="outliner()" child="3ALL" >北戴河、南戴河、自驾车休闲度假自由行(天天发)&nbsp;&nbsp;</td>

</tr>

</table>

</td>

</tr>

</table>

<div class="collapsed" id="3ALL" align="center">

<div child="3ALL2" onClick="outliner()" align="center">

<table class=xingchengt width="629" border="0" cellpadding="2" cellspacing="2">

<tr>

<td height="291">

<p style=line-height:200%><font color="#3333CC">具体报价<font color="#000000"><br>

</font></font>距离海边 10米左右:海景房688元/间;花园房588元/间;标准间488元/间<br>

距离海边100米以内:海景房588元/间;花园房488元/间;标准间388元/间<br>

距离海边200米以内:远海房488元/间;花园房388元/间;标准间288元/间<br>

距离海边500米以内:远海房388元/间;花园房288元/间;标准间188元/间<br>

距离海边500米以外:远海房288元/间;花园房188元/间;标准间100元/间<br>

<font color="#3333CC">报价说明</font><br>

1、报价为7月15日--8月15日黄金季节、宾馆散客周末价,周一至周四报价为周末价格50%--80%;<br>

2、一次订房五间以上为团队价,请另咨询;<br>

3、避开黄金季节订房,单团单议。<br>

<font color="#3333CC">联系方式</font><br>

电话:010-67738076、67748432、86650936、67748474、87789687、13381477541

<br>

<font color="#3333CC">在线报名</font>

<form name="form1" method="post" action="baominggo.asp" target=_top;_blank width=480 height=350>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td><font color="#000000">团号:</font> <font color=ff0000>hbdj3</font> </td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td width="142"><font color="#000000">姓名:</font>

<input name="name" class="line" size="8" maxlength="8"

>

<font color="#000000">*</font> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>

<td width="118"><font color="#000000">人数:</font>

<input name="num" size="4" maxlength="4" class="line" >

<font color="#ffffff"> <font color="#000000">*</font></font><font color="#000000">&nbsp;</font></td>

<td width="290"><font color="#000000">身份证号: </font>

<input name="id" class="line" size="18" maxlength="18"

>

<font color="#000000">*&nbsp; </font></td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td><font color="#000000">特别说明:</font>

<input name="line" size="60" maxlength="60" class="line" >

<font color="#000000">*</font>&nbsp;</td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td><font color="#000000">出行日期:</font>

<select name="year" class="line">

<option value="2004" selected>2004</option>

<option value="2005">2005</option>

</select>

<font color="#000000">年</font>

<select name="month" class="line">

<option value="01"

selected>01</option>

<option value="02">02</option>

<option value="03">03</option>

<option value="04">04</option>

<option value="05">05</option>

<option value="06">06</option>

<option value="07">07</option>

<option value="08">08</option>

<option value="09">09</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

</select>

<font color="#000000">月</font>

<select name="day" class="line">

<option value="01"

selected>01</option>

<option value="02">02</option>

<option value="03">03</option>

<option value="04">04</option>

<option value="05">05</option>

<option value="06">06</option>

<option value="07">07</option>

<option value="08">08</option>

<option value="09">09</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option>

</select>

<font color="#000000">日 </font></td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td><font color="#000000">联系地址:</font>

<input name="addre" size="60" maxlength="60" class="line"

>

<font color="#000000">*</font> </td>

</tr>

</table>

<table width="500" border="0" cellspacing="0" cellpadding="0" class=tab>

<tr>

<td width="335"><font color="#000000">联系电话:</font>

<input name="tel" size="15" maxlength="15" class="line" >

<font color="#000000">*</font> </td>

<td width="165"><font color="#000000">移动电话: </font>

<input name="mtel" size="15" maxlength="15" class="line" >

</td>

</tr>

<tr>

<td width="335"><font color="#000000">E-MAIL:</font>

<input name="email" maxlength="40" class="line" size="40" >

</td>

<td width="165"><font color="#000000">付款方式:</font>

<select name="select" class="select">

<option selected>上门收费</option>

<option>柜台交费</option>

</select>

</td>

</tr>

<tr>

<td width="335"> <br>

<input type="submit" name=submit value="提交" class="b">

<input type="reset" name="Submit22" value="重填" class="b">

</td>

<td width="165">&nbsp;</td>

</tr>

</table>

<input type=hidden name=j value=hbdj3>

<input type=hidden name=j1 value=>

</FORM>

</td>

</tr>

</table>

</div>

</div>

</body>

</html>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有