-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTask.html
53 lines (50 loc) · 2.19 KB
/
Task.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
<head>
<title>Tabbed Content</title>
<script src="script/tabcontent.js" type="text/javascript"></script>
<link href="script/tabcontent.css" rel="stylesheet" type="text/css" />
</head>
<body style="background:#F6F9FC; font-family:Arial;">
<div >
<ul class="tabs" data-persist="true">
<li><a href="#view1">Results</a></li>
<li><a href="#view2">SOAP Request</a></li>
<li><a href="#view3">SOAP Response</a></li>
</ul>
<div class="tabcontents">
<div id="view1">
<b>text1111</b>
<p>text452342</p>
<table class="imagetable">
<tr>
<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr><td>asda</td><td>asda</td><td>asda</td></tr>
<tr><td>derg</td><td>derg</td><td>derg</td></tr>
<tr><td>tyjyh</td><td>tyjyh</td><td>tyjyh</td></tr>
</table>
</div>
<div id="view2">
<b>Switch to other templates</b>
<p>Open this page with Notepad, and update the CSS link to:</P>
<p>template1 ~ 6.</p>
</div>
<div id="view3">
<b>Advanced</b>
<p>If you expect a more feature-rich version of the tabber, you can use the advanced version of the script,
<a href="http://www.menucool.com/jquery-tabs">McTabs - jQuery Tabs</a>:</p>
<ul>
<li>URL support: a hash id in the URL can select a tab</li>
<li>Bookmark support: select a tab via bookmark anchor</li>
<li>Select tabs by mouse over</li>
<li>Auto advance</li>
<li>Smooth transitional effect</li>
<li>Content can retrieved from other documents or pages through Ajax</li>
<li>... and more</li>
</ul>
</div>
</div>
</div>
</body>
</html>