复制代码代码如下:
<%@ Page Language = "java" import = "java.util.*" PageEncoding = "ISO-8859-1"%>
<%
String path = request.getContextPath ();
String basalepath = request.getScheme ()+": //"+request.getServername ()+":"+request.getServerport ()+path+"/";
%>
<!
<html>
<head>
<base href = "<%= bashepath%>">
<title> meu jsp 'tu.jsp' página de partida </title>
<meta http-equiv = "Pragma" content = "no-cache">
<meta http-equiv = "cache-control" content = "no-cache">
<meta http-equiv = "expira" content = "0">
<meta http-equiv = "palavras-chave" content = "palavra-chave1, palavra-chave2, palavra-chave3">
<meta http-equiv = "description" content = "Esta é a minha página">
<style type = "text/css">
* {
margem: 0px;
preenchimento: 0px;
}
li {
estilo de lista: nenhum;
}
img {
borda: 0;
}
A {
Decoração de texto: Nenhum;
}
#deslizar {
Largura: 800px;
Altura: 400px;
Box-Shadow: 0px 0px 5px #C1C1C1;
margem: 20px automático;
Posição: relativa;
estouro: oculto;
}
#slide ul {
Posição: Absoluto;
Esquerda: 0px;
Top: 0px;
Altura: 400px;
Largura: 11930px;
}
#slide ul li {
Largura: 800px;
Altura: 400px;
estouro: oculto;
flutuar: esquerda;
}
#slide .ico {
Largura: 800px;
Altura: 20px;
estouro: oculto;
Alinhamento de texto: centro;
Posição: Absoluto;
Esquerda: 0px;
Inferior: 10px;
Z-Index: 1;
}
#slide .iCo a {
Exibição: bloco embutido;
Largura: 10px;
Altura: 10px;
Antecedentes: URL (out.png) No-repetir 0px 0px;
margem: 0px 5px;
}
#slide .iCo .Active {
Antecedentes: URL (out1.png) No-repetir 0px 0px;
}
#btnleft {
Largura: 60px;
Altura: 400px;
Esquerda: 0px;
Top: 0px;
Antecedentes: url () sem repetição 0px 0px;
Posição: Absoluto;
Z-Index: 2;
}
#btnleft: hover {
Antecedentes: url () sem repetição 0px 0px;
}
#btnright {
Largura: 60px;
Altura: 400px;
Direita: 0px;
Top: 0px;
Antecedentes: url () sem repetição 0px 0px;
Posição: Absoluto;
Z-Index: 2;
}
#btnright: hover {
Antecedentes: url () sem repetição 0px 0px;
}
</style>
<script type = "text/javascript">
window.onload = function () {
var OICO = document.getElementById ("OIC");
var abtn = Oico.getElementsByTagName ("A");
var oslide = document.getElementById ("slide");
var al = oslide.getElementsByTagName ("ul");
var ali = OU [0] .getElementsByTagName ("li");
var obtNleft = document.getElementById ("btnleft");
var obtNright = document.getElementById ("btnright");
var BaseWidth = Ali [0] .OffSetWidth;
// alerta (largura de base);
OU [0] .Style.Width = BaseWidth * Ali.Length + "PX";
var inow = 0;
for (var i = 0; i <abtn.length; i ++) {
abtn [i] .index = i;
abtn [i] .OnClick = function () {
//alert(this.index);
//Alert(oul.0 ].style.left);
mover (this.index);
//aico[this.index ].className = "Active";
}
}
obtnleft.OnClick = function () {
INOW ++;
//document.title = iNow;
mover (não);
}
obtNright.OnClick = function () {
INOW -;
document.title = iNow;
mover (não);
}
var Curindex = 0;
var timeInterval = 1000;
setInterval (alteração, timeInterval);
função alteração () {
if (curindex == abtn.length) {
Curindex = 0;
} outro {
mover (Curindex);
Curindex += 1;
}
}
função move (index) {
//document.title = index;
if (índice> Ali.length-1) {
índice = 0;
iNow = index;
}
if (índice <0) {
índice = Ali.Length - 1;
iNow = index;
}
for (var n = 0; n <abtn.length; n ++) {
abtn [n] .className = "";
}
abtn [index] .className = "ativo";
OU [0] .style.left = -Index * baseWidth + "px";
// buffer (OU [0], {
// Esquerda: -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>
<!-Quando muda a próxima imagem: style = "esquerda:-(n-1)*800px;"->
<ul>
<li> <img src = "imagens/anniu.png"/> </li>
<li> <img src = "imagens/zhu2.png"/> </li>
<li> <img src = "imagens/xiangqing5.png"/> </li>
<li> <img src = "imagens/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>