象www.elong.com的首页中的酒店机票查询的效果如何做啊.我是要放在页面的右下角,而且在800600或者1024768下都是一样不变形.
谢谢
---------------------------------------------------------------
使用层来实现。请查看源码,加接分。
1@LANGUAGE="VBSCRIPT" CODEPAGE="936"
1<html>
2<head>
3<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
4<title>多页面</title>
5<style type="text/css">
6<!--
7.show1 {
8visibility: visible;
9}
10.show2 {
11visibility: hidden;
12}
13\-->
14</style>
15<script language="JavaScript" type="text/JavaScript">
16<!--
17function show1()
18{
19Layer1.style.visibility="visible";
20Layer2.style.visibility="hidden";
21}
22function show2()
23{
24Layer1.style.visibility="hidden";
25Layer2.style.visibility="visible";
26}
27//-->
28</script>
29</head>
30<body>
31<table border="1" cellpadding="0" cellspacing="0" width="100%">
32<tr>
33<td height="100"> </td>
34<td width="300"> </td>
35</tr>
36<tr>
37<td> </td>
38<td><table border="0" cellpadding="0" cellspacing="0" width="100%">
39<tr>
40<td><input name="Submit" onclick="show1()" type="submit" value="页面1"/>
41<input name="Submit2" onclick="show2()" type="submit" value="页面2"/></td>
42</tr>
43<tr>
44<td height="100" valign="top" width="300">
45<div id="Layer1" style="position:absolute; width:300px; height:100px; z-index:1; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;">页面1</div>
46<div id="Layer2" style="position:absolute; width:300px; height:100px; z-index:1; background-color: #00FF00; layer-background-color: #FF0000; border: 1px none #000000;">页面2</div>
47</td>
48</tr>
49</table>
50</td>
51</tr>
52</table>
53</body>
54</html>