复制代码代码如下:
<%@ page lenguaje = "java" import = "java.util.*" PageEncoding = "ISO-8859-1"%>
<%
String ruta = request.getContextPath ();
String basepath = request.getScheme ()+": //"+request.getServerName ()+":"+request.getServerPort ()+ruta+"/";
%>
<! Doctype html público "-// w3c // dtd html 4.01 transitional // en">
<html>
<Evista>
<base href = "<%= basepath%>">
<title> my jsp 'tu.jsp' página inicial </title>
<meta http-equiv = "pragma" content = "no-cache">
<meta http-oquiv = "cache-control" content = "no-cache">
<meta http-oquiv = "expires" content = "0">
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-oquiv = "descripción" content = "esta es mi página">
<style type = "text/css">
* {
margen: 0px;
relleno: 0px;
}
li {
Estilo de lista: Ninguno;
}
img {
borde: 0;
}
a {
Decoración de texto: ninguna;
}
#deslizar {
Ancho: 800px;
Altura: 400px;
Shadow de caja: 0px 0px 5px #C1C1C1;
Margen: 20px Auto;
Posición: relativo;
desbordamiento: oculto;
}
#Slide UL {
Posición: Absoluto;
Izquierda: 0px;
arriba: 0px;
Altura: 400px;
Ancho: 11930px;
}
#Slide Ul Li {
Ancho: 800px;
Altura: 400px;
desbordamiento: oculto;
flotante: izquierda;
}
#Slide .ICO {
Ancho: 800px;
Altura: 20px;
desbordamiento: oculto;
Text-Align: Center;
Posición: Absoluto;
Izquierda: 0px;
Abajo: 10px;
índice z: 1;
}
#slide .ico a {
Pantalla: bloque en línea;
Ancho: 10px;
Altura: 10px;
Antecedentes: url (out.png) No-repeat 0px 0px;
margen: 0px 5px;
}
#Slide .ico .Active {
Antecedentes: url (out1.png) No-repeat 0px 0px;
}
#btnleft {
Ancho: 60px;
Altura: 400px;
Izquierda: 0px;
arriba: 0px;
Antecedentes: URL () No-Repeat 0px 0px;
Posición: Absoluto;
índice z: 2;
}
#Btnleft: Hover {
Antecedentes: URL () No-Repeat 0px 0px;
}
#btnright {
Ancho: 60px;
Altura: 400px;
Derecha: 0px;
arriba: 0px;
Antecedentes: URL () No-Repeat 0px 0px;
Posición: Absoluto;
índice z: 2;
}
#Btnright: Hover {
Antecedentes: URL () No-Repeat 0px 0px;
}
</style>
<script type = "text/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;
// alerta (basewidth);
Oul [0] .Style.Width = BaseWidth * Ali.length + "Px";
var inow = 0;
para (var i = 0; i <abtn.length; i ++) {
abtn [i] .index = i;
abtn [i] .onclick = function () {
//alert(THIS.Index);
//alert(oulchefont>.style.left);
mover (this.index);
//aicofico.indexfont>.classname = "activo";
}
}
OBTNLEFT.OnClick = function () {
inow ++;
//document.title = inow;
moverse (inow);
}
OBTNRING.OnClick = function () {
inow -;
document.title = inow;
moverse (inow);
}
var curindex = 0;
VAR TimeInterval = 1000;
setInterval (Change, TimeInterval);
cambio de función () {
if (curindex == abtn.length) {
curindex = 0;
} demás {
mover (curindex);
curindex += 1;
}
}
Función Move (índice) {
//document.title = index;
if (index> ali.length-1) {
índice = 0;
inow = índice;
}
if (index <0) {
índice = ali.length - 1;
inow = índice;
}
para (var n = 0; n <abtn.length; n ++) {
abtn [n] .classname = "";
}
abtn [index] .classname = "activo";
Oul [0] .style.left = -index * BaseWidth + "Px";
// buffer (oul [0], {
// izquierda: -dex * basewidth
//}, 8)
}
}
</script>
</ablo>
<Body>
<div id = "diapositiva">
<a id = "btnleft" href = "javaScript: void (0);" > </a>
<a id = "btnright" href = "javaScript: void (0);" > </a>
<!-Cuando cambie la siguiente imagen: style = "izquierda:-(n-1)*800px;"->
<ul>
<li> <img src = "imágenes/anniu.png"/> </li>
<li> <img src = "imágenes/zhu2.png"/> </li>
<li> <img src = "imágenes/xiangqing5.png"/> </li>
<li> <img src = "imágenes/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>