复制代码代码如下:
<%@ halaman bahasa = "java" import = "java.util.*" pageEncoding = "iso-8859-1"%>
<%
String path = request.getContextPath ();
String basePath = request.getScheme ()+": //"+request.getServerName ()+":"+request.getServerport ()+path+"/";
%>
<! Doctype html public "-// w3c // dtd html 4.01 transisi // en">
<Html>
<head>
<base href = "<%= Basepath%>">
<Title> jsp 'tu.jsp' halaman awal saya </iteme>
<meta http-equiv = "pragma" konten = "no-cache">
<meta http-equiv = "cache-control" content = "no-cache">
<meta http-equiv = "kedaluwarsa" konten = "0">
<meta http-equiv = "kata kunci" content = "kata kunci1, kata kunci2, kata kunci3">
<meta http-equiv = "description" content = "This is my Page">
<type style = "text/css">
* {
margin: 0px;
padding: 0px;
}
Li {
List-style: tidak ada;
}
img {
Perbatasan: 0;
}
A {
Dekorasi Teks: Tidak Ada;
}
#menggeser {
Lebar: 800px;
Tinggi: 400px;
Kotak-Shadow: 0px 0px 5px #c1c1c1;
Margin: 20px Auto;
Posisi: kerabat;
meluap: tersembunyi;
}
#slide ul {
Posisi: Absolute;
Kiri: 0px;
Atas: 0px;
Tinggi: 400px;
Lebar: 11930px;
}
#slide ul li {
Lebar: 800px;
Tinggi: 400px;
meluap: tersembunyi;
float: kiri;
}
#slide .ico {
Lebar: 800px;
Tinggi: 20px;
meluap: tersembunyi;
Teks-Align: tengah;
Posisi: Absolute;
Kiri: 0px;
Bawah: 10px;
z-index: 1;
}
#slide .ico a {
Tampilan: blok inline;
Lebar: 10px;
Tinggi: 10px;
latar belakang: url (out.png) no-repeat 0px 0px;
margin: 0px 5px;
}
#slide .ico .active {
Latar belakang: url (out1.png) no-repeat 0px 0px;
}
#btnleft {
Lebar: 60px;
Tinggi: 400px;
Kiri: 0px;
Atas: 0px;
Latar belakang: url () no-repeat 0px 0px;
Posisi: Absolute;
z-index: 2;
}
#btnleft: hover {
Latar belakang: url () no-repeat 0px 0px;
}
#btnright {
Lebar: 60px;
Tinggi: 400px;
Kanan: 0px;
Atas: 0px;
Latar belakang: url () no-repeat 0px 0px;
Posisi: Absolute;
z-index: 2;
}
#btnright: hover {
Latar belakang: url () no-repeat 0px 0px;
}
</tyle>
<type skrip = "Teks/JavaScript">
window.onload = function () {
var oico = document.geteLementById ("ico");
var abtn = oico.getElementsbyTagname ("a");
var oslide = document.getElementById ("slide");
var oul = oslide.getElementsByTagname ("UL");
var ali = oul [0] .getElementsByTagname ("li");
var Obtnleft = document.getElementById ("btnleft");
var obtnright = document.geteLementById ("btnright");
var Basewidth = Ali [0] .OffsetWidth;
// peringatan (basewidth);
oul [0] .style.width = basewidth * ali.length + "px";
var inow = 0;
untuk (var i = 0; i <abtn.length; i ++) {
abtn [i] .index = i;
abtn [i] .onClick = function () {
//alert(this.index);
//alert(oulht0ace.style.left);
pindahkan (this.index);
//aicoöthis.indexace.classname = "Active";
}
}
obtNleft.onClick = function () {
Inow ++;
//document.title = inow;
pindahkan (inow);
}
ObtNRight.OnClick = function () {
Inow -;
document.title = inow;
pindahkan (inow);
}
var curIndex = 0;
var TimeInterval = 1000;
setInterval (Ubah, TimeInterval);
function change () {
if (curIndex == abtn.length) {
CurIndex = 0;
} kalau tidak {
pindahkan (CurIndex);
CurIndex += 1;
}
}
function move (index) {
//document.title = index;
if (index> ali.length-1) {
indeks = 0;
inow = index;
}
if (index <0) {
index = ali.length - 1;
inow = index;
}
untuk (var n = 0; n <abtn.length; n ++) {
abtn [n] .className = "";
}
abtn [index] .className = "aktif";
oul [0] .style.left = -index * basewidth + "px";
// buffer (oul [0], {
// Kiri: -Index * Basewidth
//}, 8)
}
}
</script>
</head>
<body>
<Div id = "slide">
<a id = "btnleft" href = "javascript: void (0);" > </a>
<a id = "btnright" href = "javascript: void (0);" > </a>
<!-Saat mengubah gambar berikutnya: style = "Left:-(n-1)*800px;"->
<ul>
<li> <img src = "gambar/anniu.png"/> </li>
<li> <img src = "gambar/zhu2.png"/> </li>
<li> <img src = "gambar/xiangqing5.png"/> </li>
<li> <img src = "gambar/wanle.png"/> </li>
</ul>
<Div id = "ico">
<a href = "javascript: void (0);"> </a>
<a href = "javascript: void (0);"> </a>
<a href = "javascript: void (0);"> </a>
<a href = "javascript: void (0);"> </a>
<a href = "javascript: void (0);"> </a>
<a href = "javascript: void (0);"> </a>
</div>
</div>
</body>
</html>