需要完整代码的朋友可以留下email
如需再添加切换页面,只要按照下边代码部分的样式添加内容即可
切换导航td的id要顺序排
那个div的TOP为为上边一个div的Top加上div本身的高度:237
1
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Service.aspx.cs" Inherits="Service" %>
2
3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5
<html xmlns="http://www.w3.org/1999/xhtml" >
6
<head runat="server">
7
<title>我们的服务</title>
8
<link href="Themes/default/css.css" rel="stylesheet" type="text/css" />
9
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
10
<style type="text/css" >
11
<!--
12
.tdBG
13
62
4</td>
63
<td height="3">
64
</td>
65
<td height="29" style="padding-left: 1px">
66
<img id="downbtn" alt="Next" height="29" onclick="slidedown();clearInterval(interval01);"
67
onfocus="this.blur()" src="images/scrollad_right.gif" style="cursor: pointer" width="24"></td>
68
</tr>
69
</tbody>
70
</table>
71
</div>
72
</div>
73
<div id="main" nowrap="" style="overflow: hidden; position: relative;
74
height: 237px">
75
<div id="f1" style="z-index: 10; left: 0px; position: absolute; top: 0px;
76
height: 237px">
77
<iframe frameborder="0" height="250" marginheight="0" marginwidth="0" name="frame1"
78
noresize="" onload="checkdamie(1)" scrolling="no" src="01.htm" width="100%"></iframe>
79
</div>
80
<div id="f2" style="display: none; z-index: 10; left: 0px; position: absolute;
81
top: 237px; height: 237px">
82
<iframe frameborder="0" height="250" marginheight="0" marginwidth="0" name="frame1"
83
noresize="" onload="checkdamie(2)" scrolling="no" src="02.htm" width="100%"></iframe>
84
</div>
85
<div id="f3" style="display: none; z-index: 10; left: 0px; position: absolute;
86
top: 474px; height: 237px">
87
<iframe frameborder="0" height="250" marginheight="0" marginwidth="0" name="frame1"
88
noresize="" onload="checkdamie(3)" scrolling="no" src="03.htm" width="100%"></iframe>
89
</div>
90
<div display: none; z-index: 10; left: 0px; position: absolute;
91
top: 711px; height: 237px">
92
<iframe frameborder="0" height="250" marginheight="0" marginwidth="0" name="frame1"
93
noresize="" onload="checkdamie(4)" scrolling="no" src="04.htm" width="100%"></iframe>
94
</div>
95
</div>
96
</td>
97
</tr>
98
</table>
99
100
<script language="JavaScript">
101
<!--
102
var currentF=1;
103
document.getElementById("upbtn").style.display="none";
104
var mainobj = document.getElementById("main");
105
var count=(mainobj!=null)?mainobj.children.length:0;
106
//var count=4;
107
//alert(count);
108
var frameheight = 237;
109
var scrolling=0;
110
var speed = 20;
111
var checkloaded=new Array();
112
2
3
4
5
6
7
8
9
10
11
12
13
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112