所属分类:网页特效-焦点图/幻灯片
head里面加入这些文件调用js和css,路径根据实际情况自行修改
<link rel="stylesheet" href="css/style.css" /> <script src="js/slide.js"></script>
html
<div id="slide" > <ul> <li><img src="img/1.jpg"></li> <li><img src="img/2.jpg"></li> <li><img src="img/3.jpg"></li> <li><img src="img/4.jpg"></li> </ul> <div> <span > < </span> <span > > </span> </div> </div>
这里是html部分的格式理论上放多个图都行,放多了记得去修改一下UL的起始百分比宽度预设是1000%,左右导航如果不喜欢可以改css或者直接换成图片。
导入之后运行函数加容器ID的为参数就可以调用了
slideLlx("slide");//参数为字符串是外层容器的id,可以多次调用
css样式部分注意不要有命名冲突