Skip to content

Commit accacb7

Browse files
coderpwh1024coderpwh1024
authored
Add files via upload
update java8 code
1 parent 0e44d35 commit accacb7

File tree

6 files changed

+244
-0
lines changed

6 files changed

+244
-0
lines changed

‎jquery/W3C/other/index20.html

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>选项卡</title>
6+
<style type="text/css">
7+
* {
8+
padding: 0px;
9+
margin: 0px;
10+
font-weight: normal;
11+
font-variant: normal;
12+
font-style: normal;
13+
font-size: 12px;
14+
font-family: "microsoft yahei";
15+
}
16+
17+
#tabs {
18+
width: 290px;
19+
padding: 5px;
20+
height: 150px;
21+
margin: 20px;
22+
}
23+
24+
#tabs ul {
25+
list-style: none;
26+
display: block;
27+
height: 30px;
28+
line-height: 30px;
29+
border-bottom: 2px saddlebrown solid;
30+
}
31+
32+
#tabs ul li {
33+
background: #fff;
34+
cursor: pointer;
35+
float: left;
36+
list-style: none;
37+
height: 28px;
38+
line-height: 28px;
39+
margin: 0px 3px;
40+
border: 1px solid #aaaaaa;
41+
border-bottom: none;
42+
display: inline-block;
43+
width: 60px;
44+
text-align: center;
45+
}
46+
47+
#tabs ul li.on {
48+
border-top: 2px solid saddlebrown;
49+
border-bottom: 2px solid #fff;
50+
}
51+
52+
#tabs div {
53+
height: 120px;
54+
line-height: 25px;
55+
border: 1px solid #336699;
56+
border-top: none;
57+
padding: 5px;
58+
}
59+
60+
.hide {
61+
display: none;
62+
}
63+
</style>
64+
<script type="text/javascript">
65+
window.onload = function () {
66+
var oTab = document.getElementById("tabs");
67+
var oUl = oTab.getElementsByTagName("ul")[0];
68+
var oLis = oUl.getElementsByTagName("li");
69+
var oDivs = oTab.getElementsByTagName("div");
70+
71+
for (var i = 0, len = oLis.length; i < len; i++) {
72+
oLis[i].index = i;
73+
oLis[i].onclick = function () {
74+
for (var n = 0; n < len; n++) {
75+
oLis[n].className = "";
76+
oDivs[n].className = "hide";
77+
}
78+
this.className = "on";
79+
oDivs[this.index].className = "";
80+
}
81+
}
82+
;
83+
}
84+
85+
</script>
86+
</head>
87+
<body>
88+
89+
<div id="tabs">
90+
<ul>
91+
<li class="on">房产</li>
92+
<li>家居</li>
93+
<li>二手房</li>
94+
</ul>
95+
<div>
96+
275万购昌平邻铁三居 总价20万买一居<br>
97+
200万内购五环三居 140万安家东三环<br>
98+
北京首现零首付楼盘 53万购东5环50平<br>
99+
京楼盘直降5000 中信府 公园楼王现房<br>
100+
</div>
101+
<div class="hide">
102+
40平出租屋大改造 美少女的混搭小窝<br>
103+
经典清新简欧爱家 90平老房焕发新生<br>
104+
新中式的酷色温情 66平撞色活泼家居<br>
105+
瓷砖就像选好老婆 卫生间烟道的设计<br>
106+
107+
</div>
108+
<div class="hide">
109+
通州豪华3居260万 二环稀缺2居250w甩<br>
110+
西3环通透2居290万 130万2居限量抢购<br>
111+
黄城根小学学区仅260万 121平70万抛!<br>
112+
独家别墅280万 苏州桥2居优惠价248万<br>
113+
114+
</div>
115+
</div>
116+
117+
118+
</div>
119+
120+
121+
</body>
122+
</html>

‎jquery/W3C/other/index21.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>计时器</title>
6+
</head>
7+
<body>
8+
<script type="text/javascript">
9+
var int = setInterval(clock, 100);
10+
function clock() {
11+
var time = new Date();
12+
document.getElementById("clock").value = time;
13+
}
14+
</script>
15+
<form>
16+
<input type="text" id="clock" size="50"/>
17+
</form>
18+
19+
20+
</body>
21+
</html>

‎jquery/W3C/other/index22.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Title</title>
6+
<script type="text/javascript">
7+
var attime;
8+
function clock() {
9+
var time = new Date();
10+
attime = time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
11+
document.getElementById("clock").value = attime;
12+
}
13+
setInterval(clock, 1000);
14+
15+
</script>
16+
</head>
17+
<body>
18+
<form>
19+
<input type="text" id="clock" size="50" style="background:#000;color:#00ff00;width:50px;"/>
20+
</form>
21+
</body>
22+
</html>

‎jquery/W3C/other/index23.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Title</title>
6+
<script type="text/javascript">
7+
function clock() {
8+
var time = new Date();
9+
document.getElementById("clock").value = time;
10+
}
11+
var i = setInterval("clock()", 100);
12+
13+
</script>
14+
</head>
15+
<body>
16+
17+
<form>
18+
<input type="text" id="clock" size="50"/>
19+
<input type="text" value="Stop" onclick="clearInterval(i)"/>
20+
</form>
21+
22+
</body>
23+
</html>

‎jquery/W3C/other/index24.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Title</title>
6+
<script type="text/javascript">
7+
function clock() {
8+
var time = new Date();
9+
document.getElementById("clock").value=time;
10+
}
11+
var i = setInterval("clock()",100);
12+
function mm() {
13+
i = setInterval("clock()",100);
14+
}
15+
</script>
16+
</head>
17+
<body>
18+
19+
<form>
20+
<input type="text" id="clock" size="50"/>
21+
<input type="button" value="Stop" onclick="clearInterval(i)"/>
22+
<input type="button" value="Start" onclick="mm()"/>
23+
24+
</form>
25+
26+
</body>
27+
</html>

‎jquery/W3C/other/index25.html

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Title</title>
6+
<script type="text/javascript">
7+
// function tinfo() {
8+
// var t = setTimeout(alert("Hello!"), 3000);
9+
// }
10+
var num = 0;
11+
function numCount() {
12+
document.getElementById('txt').value = num;
13+
num = num + 1;
14+
setTimeout("numCount()", 1000);
15+
}
16+
17+
18+
</script>
19+
</head>
20+
<body>
21+
<form>
22+
<!--<input type="button" value="start" onclick="tinfo()"/>-->
23+
<input type="text" id="txt"/>
24+
<input type="button" value="Start" onclick="numCount()"/>
25+
26+
27+
</form>
28+
</body>
29+
</html>

0 commit comments

Comments
 (0)