<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS幻灯片</title> <link rel="stylesheet" type="text/css" href="bannerPPT/bannerPPT.css" /> <script src="bannerPPT/bannerPPT.js" type="text/javascript"></script> <base target="_self" /> </head> <body> <div id="slideContainer"> <div id="frameHlicAe"> <ul id="slidesImgs"> <li><a><img src="bannerPPT/img01.jpg" width="771" height="245" /></a></li> <li><a><img src="bannerPPT/img02.jpg" width="771" height="245" /></a></li> <li><a><img src="bannerPPT/img03.jpg" width="771" height="245" /></a></li> <li><a><img src="bannerPPT/img04.jpg" width="771" height="245" /></a></li> <li><a><img src="bannerPPT/img05.jpg" width="771" height="245" /></a></li> <li><a><img src="bannerPPT/img06.jpg" width="771" height="245" /></a></li> <li><a><img src="bannerPPT/img07.jpg" width="771" height="245" /></a></li> <li><a><img src="bannerPPT/img08.jpg" width="771" height="245" /></a></li> </ul> <div id="slideBar"> <ul> <li class="on">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> </div> </div> </div> <script type="text/javascript"> SlideShow(1000); </script> </body> </html>
/* CSS Document */ /*公共样式*/ *{ margin:0; padding:0; word-break:break-all;} body{ font-family:"宋体"; color:#666; font-size:12px; background:#fff;} a{ color:#666; text-decoration:none;} a:hover{ color:#666; text-decoration:none;} a img{ border:none;} .f_l{ float:left;} .f_r{ float:right;} span{ display:block;} i{ font-style:normal;} em{ font-style:normal;} ul li{ list-style-type:none;} .c{ clear:both;} /*控制页面*/ #slideContainer{ width:771px; height:245px; overflow:hidden; position:relative;} #slideBar { position: absolute; bottom: 18px; right: 20px; width:168px; height:20px;} #slideBar li { background:#737373; width:20px; height:20px; float:left; text-align:center; line-height:20px; margin-right:1px; color: #FFF; overflow: hidden; } #slideBar li.on { background:#f60; color: #fff; font-weight: 700; }
function SlideShow(c) { var a = document.getElementById("slideContainer"), f = document.getElementById("slidesImgs").getElementsByTagName("li"), h = document.getElementById("slideBar"), n = h.getElementsByTagName("li"), d = f.length, c = c || 3000, e = lastI = 0, j, m; function b() { m = setInterval(function () { e = e + 1 >= d ? e + 1 - d : e + 1; g() }, c) } function k() { clearInterval(m) } function g() { f[lastI].style.display = "none"; n[lastI].className = ""; f[e].style.display = "block"; n[e].className = "on"; lastI = e } f[e].style.display = "block"; a.onmouseover = k; a.onmouseout = b; h.onmouseover = function (i) { j = i ? i.target : window.event.srcElement; if (j.nodeName === "LI") { e = parseInt(j.innerHTML, 10) - 1; g() } }; b() };
效果图:
相关推荐
JSPSmartUpload.zip 下载JSPSmartUpload.zip 下载 包含例子
(因为该组件内部使用GBK编码,所以如果使用utf-8的话,反而从表单中会获取中文乱码)切记,同时前台jsp页面中也要做如下处理, <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> ...
jspSmartUpload是由www.jspsmart.com网站开发的一个可免费使用的全功能的文件上传下载组件,适于嵌入执行上传下载操作的JSP文件中。该组件有以下几个特点: <br>1、使用简单。在JSP文件中仅仅书写三五行...
完美支持中文文件下载的jspsmartUpload.jar完美支持中文文件下载的jspsmartUpload.jar完美支持中文文件下载的jspsmartUpload.jar
jspsmartupload.zip+例子
Java Web开发中的jsp-api.jar包,欢迎大家下载。
运用该jar包可以使用SmartUpload组建实现文件上传。由www.jspsmart.com网站开发的一个可免费使用的全功能的文件上传下载工具。
javax.servlet.jsp_2.0.0.v201101211617.jar,javax.,servlet,jsp
基于JSP图书管理系统—前台管理毕业设计.doc
毕业论文基于jsp的旅游网站前台模块设计实现.doc
基于Jsp的图书管理系统-前台管理毕业设计.doc
毕业论文-基于JSP的旅游网站前台模块设计实现.doc
TagSupport SimpleTagSupport tagext javax servlet jsp Tag 标签
最近实验室做了一个项目,使用jspsmartupload来实现的文件的上传下载,原来在windows平台运行的挺好,但是后来系统移植到linux平台上,结果在上传或下载的文件名中有中文时就会出现乱码。后来查了网上一些人的解决...
javax.servlet.jsp.jstl-api-1.2.1.jar
在ejb中没有的两个jar文件javax.servlet.jar,javax.servlet.jsp.jar