加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

一套完整的flash头部banner幻灯片特效,形式如图片轮播

发布时间:2020-12-15 17:52:20 所属栏目:百科 来源:网络整理
导读:一、首先引入以下文件,附件中包含所有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

一、首先引入以下文件,附件中包含所有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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读