古田路9号简单的banner幻灯片

演 示 下 载

简介

这是一个常见的、简单的、易用的幻灯片，没有过多的修饰，比较百搭，喜欢的话就下载使用吧。

兼容性

该幻灯片兼容所有浏览器，包括 IE6。

使用方法

1、引入文件

<link rel="stylesheet" href="css/slideshow.css">

<script src="js/slideshow.js"></script>

2、HTML

<div class="comiis_wrapad" id="slideContainer">

	<div id="frameHlicAe" class="frame cl">

		<div class="temp"></div>

		<div class="block">

			<div class="cl">

				<ul class="slideshow" id="slidesImgs">

					<li> <a href="###" target="_blank"> <img src="images/1.jpg" width="960" height="230" alt="" /> </a> <span class="title">第1张图的描述信息</span> </li>

					<li> <a href="###" target="_blank"> <img src="images/2.jpg" width="960" height="230" alt="" /> </a> <span class="title">第2张图的描述信息</span> </li>

					……

					<li> <a href="###" target="_blank"> <img src="images/10.jpg" width="960" height="230" alt="" /> </a> <span class="title">第10张图的描述信息</span> </li>

				</ul>

			</div>

			<div class="slidebar" id="slideBar">

				<ul>

					<li class="on">1</li>

					<li>2</li>

					……

					<li>10</li>

				</ul>

			</div>

		</div>

	</div>

</div>

3、JavaScript

SlideShow(3000);

3000 为每次切换的间隔，可任意更改。

数字导航的位置可更改对应的 CSS。

演 示 下 载

下载地址

·进入下载地址列表