cpupk.github.io/ad3.html at master · cpupk/cpupk.github.io · GitHub

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
54
55
56
57
58
59
60
61
62
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<html>
<head>
<style type="text/css">
.html-body-overflow {
	overflow-x: hidden;
	overflow-y: hidden;
}

* {
	margin: 0;
	padding: 0;
}
</style>
</head>
<body>
	<div style="overflow: hidden; margin-left: 0px; margin-top: 0px;">
		<div id="marqueebox" style="margin-left: 0px; margin-top: 0px;">
			<div class="tp">
				<A id="link0"
					style="FONT-SIZE: 9pt; TEXT-DECORATION: none; FONT-FAMILY: Microsoft YaHei UI"
					href="https://www.baidu.com"
					target=_blank><IMG
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; MARGIN: 0px; TOP: 1px"
					border=0 alt="" src="http://www.cpupk.com/images/book.gif"> <SPAN
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; MARGIN: 0px; TOP: -3px">Java
						Bookstore</SPAN></A> <IMG
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 0px"
					border=0 alt=""
					src="//ir-na.amazon-adsystem.com/e/ir?t=cpupk-20&amp;l=ur2&amp;o=1"
					width=1 height=1>
			</div>
			<div class="tp">
				<A id="link1"
					style="FONT-SIZE: 9pt; TEXT-DECORATION: none; FONT-FAMILY: Microsoft YaHei UI"
					href="https://www.sina.com"
					target=_blank><IMG
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; MARGIN: 0px; TOP: 1px"
					border=0 alt="" src="http://www.cpupk.com/images/book.gif"> <SPAN
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; MARGIN: 0px; TOP: -3px">iPhone
						Store</SPAN></A> <IMG
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 0px"
					border=0 alt=""
					src="//ir-na.amazon-adsystem.com/e/ir?t=cpupk-20&amp;l=ur2&amp;o=1"
					width=1 height=1>
			</div>
			<div class="tp">
				<A id="link2"
					style="FONT-SIZE: 9pt; TEXT-DECORATION: none; FONT-FAMILY: Microsoft YaHei UI"
					href="https://www.sohu.com"
					target=_blank><IMG
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; MARGIN: 0px; TOP: 1px"
					border=0 alt="" src="http://www.cpupk.com/images/book.gif"> <SPAN
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; MARGIN: 0px; TOP: -3px">Thinkpad
						Store</SPAN></A> <IMG
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 0px"
					border=0 alt=""
					src="//ir-na.amazon-adsystem.com/e/ir?t=cpupk-20&amp;l=ur2&amp;o=1"
					width=1 height=1>
			</div>
			<div class="tp">
				<A id="link3"
					style="FONT-SIZE: 9pt; TEXT-DECORATION: none; FONT-FAMILY: Microsoft YaHei UI"
					href="https://www.163.com"
					target=_blank><IMG
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; MARGIN: 0px; TOP: 1px"
					border=0 alt="" src="http://www.cpupk.com/images/book.gif"> <SPAN
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; MARGIN: 0px; TOP: -3px">Surface
						Store</SPAN></A> <IMG
					style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 0px"
					border=0 alt=""
					src="//ir-na.amazon-adsystem.com/e/ir?t=cpupk-20&amp;l=ur2&amp;o=1"
					width=1 height=1>
			</div>
		</div>
	</div>
</body>

<SCRIPT src="http://cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></SCRIPT>

<script type="text/javascript">
	$(document.body).toggleClass("html-body-overflow");

	$("#marqueebox").append($("#marqueebox").html());
	$("#marqueebox").css("margin-top", "0px");

	var o = document.getElementById("marqueebox");

	function startmarquee(speed, delay) {
		var t;

		function start() {
			t = setInterval(scrolling, speed);
			o.style.marginTop = (parseInt(o.style.marginTop) - 1) + "px";
		}

		function scrolling() {
			var sh = $("#marqueebox").outerHeight();
			o.style.height = sh;
			var lh = $(".tp").outerHeight();
			if (parseInt(o.style.marginTop) % lh != 0) {
				o.style.marginTop = parseInt(o.style.marginTop) - 1 + "px";
				if (Math.abs(parseInt(o.style.marginTop)) == Math.floor(sh / 2)){
					$("#marqueebox").css("margin-top", "0px");
					resize();
				}
			} else {
				clearInterval(t);
				resize();
				setTimeout(start, delay);
			}
		}
		setTimeout(start, delay);
	}

	startmarquee(20, 60000);

	resize();


	function getContentArea() {
		var index = Math.abs(parseInt(o.style.marginTop))
				/ $(".tp").outerHeight();
		return [ $("#link" + index).outerWidth(), $("span").height() ];
	}

</script>
</html>