一套完整的flash頭部banner幻燈片特效,形式如圖片輪播

一、首先引入以下文件,附件中包含所有js和css文件
<link rel="stylesheet" media="screen" href="advanced-slider-base.css" />
<link rel="stylesheet" media="screen" href="minimal-small-v3.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.advancedSlider.min.js"></script>
<!--[if IE]><script type="text/javascript" src="excanvas.compiled.js"></script><![endif]-->
<script>
$(document).ready(function(){
$('#banner_con').advancedSlider({width:970, height:245, skin:'minimal-small', shadow:false, slideshowControls:false,
fadeTimer:true, timerRadius:10, timerStrokeWidth1:6, navigationArrows:false, navigationButtonsNumbers:false,
thumbnailsType:'none', sliceDuration:500,captionSize:'40'});
});
</script>

二、html代碼如下
<div id="banner_con">
<div class="slider-item">
<a href="#" target="_blank" title="">
<img src="photos/photo10.jpg" alt=""/>
</a>
</div>
<div class="slider-item">
<a href="#" target="_blank" title="">
<img src="photos/photo10.jpg" alt=""/>
</a>
</div>
<div class="slider-item">
<a href="#" target="_blank" title="">
<img src="photos/photo10.jpg" alt=""/>
</a>
</div>
</div>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章