仿迅雷影视幻灯片轮播js代码_滚动轮播_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

仿迅雷影视幻灯片轮播js代码

来源：未知作者：大小：大小： 0KB 点击次数：发布时间：2017-09-23 17:04:49 去下载去预览

特效介绍

仿迅雷影视幻灯片轮播js代码，共七屏，图片左右滚动，带标题和链接，有利于优化，兼容IE6。

使用方法

1、在head区引入下面的代码：

`1`	`<link` `href="images/5imoban.net.css"` `rel="stylesheet"` `type="text/css"` `media="all">`

`2`	`<script` `type="text/javascript"` `src="images/5imoban.net.js"></script>`

2、在body引入下面相应的代码：

01<div class="foucebox">
02    <div class="scrollimg">
03        <div id="SwitchBigPic" style="margin-left: 0px; ">
04<div class="scrollimg_div">
05    <a href="http://www.5imoban.net" class="scrollimg_img" blockid="2997"><img id="bigpic_0" src="images/01.jpg"></a>
06    <h3><a href="http://www.5imoban.net" class="scrollimg_txt" blockid="2997">《小姨多鹤》经典名作改编 孙俪姜武演绎年代催泪苦情大戏</a></h3>
07    <div class="bg"></div>
08</div>
09<div class="scrollimg_div">
10    <a href="http://www.5imoban.net" class="scrollimg_img" blockid="2997"><img id="bigpic_1" src="images/07.jpg" ></a>
11    <h3><a href="http://www.5imoban.net" class="scrollimg_txt" blockid="2997">《决战华岩寺》谜中藏谜 首部反映僧人抗日电视剧 集抗战、夺宝、谍战等热点元素于一身</a></h3>
12    <div class="bg"></div>
13</div>
14<div class="scrollimg_div">
15    <a href="http://www.5imoban.net"  class="scrollimg_img" blockid="2997"><img id="bigpic_2" src="images/02.jpg"></a>
16    <h3><a href="http://www.5imoban.net" class="scrollimg_txt" blockid="2997">风雨沙坡头》谍战情感悬疑剧 入围“影响中国旅游的电视剧”三强（35集全）</a></h3>
17    <div class="bg"></div>
18</div>
19<div class="scrollimg_div">
20    <a href="http://www.5imoban.net" class="scrollimg_img" blockid="2997"><img id="bigpic_3" src="images/03.jpg"></a>
21    <h3><a href="http://www.5imoban.net" class="scrollimg_txt" blockid="2997">北京电信</a></h3>
22    <div class="bg"></div>
23</div>
24<div class="scrollimg_div">
25    <a href="http://www.5imoban.net/"  class="scrollimg_img" blockid="2997"><img id="bigpic_4" src="images/04.jpg" ></a>
26    <h3><a href="http://www.5imoban.net/" class="scrollimg_txt" blockid="2997">奢华钻表，彰显男人品味、女人魅力！</a></h3>
27    <div class="bg"></div>
28</div>
29<div class="scrollimg_div">
30    <a href="http://www.5imoban.net" class="scrollimg_img" blockid="2997"><img id="bigpic_5" src="images/05.jpg"></a>
31    <h3><a href="http://www.5imoban.net" class="scrollimg_txt" blockid="2997">梦芭莎春季新品上市,注册立赠38元</a></h3>
32    <div class="bg"></div>
33</div>
34<div class="scrollimg_div">
35    <a href="http://www.5imoban.net" class="scrollimg_img" blockid="2997"><img id="bigpic_6" src="images/06.jpg"></a>
36    <h3><a href="http://www.5imoban.net" class="scrollimg_txt" blockid="2997">春季减肥，咖啡瘦身新时尚，向魔鬼身材冲刺！</a></h3>
37    <div class="bg"></div>
38</div>
39 
40<script>
41var ScrollBigPic = [
42'images/01.jpg'
43'images/02.jpg'
44'images/03.jpg'
45'images/04.jpg'
46'images/05.jpg'
47'images/06.jpg'
48'images/07.jpg'
49] ;
50</script>
51        </div>
52        <div></div>
53        <div class="scrollimg_tigger">
54                <a id="big_pic_nav_0" href="javascript://" target="_self" title="" class="on">1</a>
55                <a id="big_pic_nav_1" href="javascript://" target="_self" title="" class="">2</a>
56                <a id="big_pic_nav_2" href="javascript://" target="_self" title="" class="">3</a>
57                <a id="big_pic_nav_3" href="javascript://" target="_self" title="" class="">4</a>
58                <a id="big_pic_nav_4" href="javascript://" target="_self" title="" class="">5</a>
59                <a id="big_pic_nav_5" href="javascript://" target="_self" title="" class="">6</a>
60                <a id="big_pic_nav_6" href="javascript://" target="_self" title="" class="">7</a>
61            </div>
62    </div><!--scrollimg  END-->
63<script>
64var MovieRecom={                    
65                bigpic:"SwitchBigPic",    //大图DIV之ID通用部分
66                step:700,
67                smallpic:"big_pic_nav",//小图之ID通用部分
68                selectstyle:"currA",    //小图被选中之后的CSS
69                pictxt:"",    //配套图片文字
70                totalcount:7,                //图片数量
71                autotimeintval:5000,
72                objname:"MovieRecom"    //对象名称
73            };
74BigNews.init(MovieRecom);
75</script>
76</div>

调用代码相关参数的作用上面的注释已经说得非常清楚。