1、调用CSS样式:
<link type="text/css" rel="stylesheet" href="style/style.css">
2、调用JS插件代码:
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/slides-1.1.1-min.js" type="text/javascript"></script>
2、添加HTML代码:
将
<!--效果html开始-->......
<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
4、JS代码参数设置:
<script type="text/javascript">
$(function(){
$('#sildes').olvSlides(
{
thumb:true,
thumbPage:true,
thumbDirection:"Y",
effect:'fade'
}
);
})
</script>