我爱模板网 > 特效插件 > 滚动轮播 >  电影网站十屏图片滚动js代码正文

电影网站十屏图片滚动js代码

特效介绍
图片滚动js代码

    电影网站十屏图片滚动js代码,带缩略图和图片描述,还有加载图片。无论作为视屏网站还是商城的banner都很合适。
使用方法
1、在头部引入下面的代码:
<LINK media=all href="css/5imoban.net.css" type=text/css rel=stylesheet>
<SCRIPT src="js/js.js" type=text/javascript></SCRIPT>
2、在您的页面的body引入下面的代码:
<DIV class=box>
<DIV class=scrollimg2>
  <DIV id=SwitchBigPic>
    <DIV class=scrollimg2_bigimg id=showDiv_0 style="DISPLAY: block">
      <DIV><A href="http://www.5imoban.net" ><IMG id=bigpic_0 src="images/img01.jpg" ></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_0 ></DIV>
      <A class=scrollimg2_txt id=title_0  href="http://www.5imoban.net" >《倩女幽魂》经典魔幻武侠改编 古天乐、刘亦菲、余少群人鬼三角恋</A> </DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_1>
      <DIV><A href="http://www.5imoban.net" ><IMG id=bigpic_1  src="images/img02.jpg"></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_1></DIV>
      <A class=scrollimg2_txt id=title_1  href="http://www.5imoban.net" >《夺帅》港产动作三级片 洪金宝、任达华、吴京血腥杀戮,万劫不复 </A></DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_2>
      <DIV><A  href="http://www.5imoban.net" ><IMG id=bigpic_2 src="images/img03.jpg"></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_2 ></DIV>
      <A class=scrollimg2_txt id=title_2 title=""  href="http://www.5imoban.net" >北条司经典同名漫画作品改编 韩版&ldquo;道明寺&rdquo;打破冷酷形象搞笑出演</A> </DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_3>
      <DIV><A  href="http://www.5imoban.net" ><IMG id=bigpic_3  src="images/img04.jpg"></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_3 ></DIV>
      <A class=scrollimg2_txt id=title_3  href="http://www.5imoban.net" >《家,N次方》80后视角看重组家庭 赵宝刚携手宋丹丹进入第3次婚姻 </A></DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_4>
      <DIV><A href="http://www.5imoban.net" rel="external nofollow" ><IMG id=bigpic_4 src="images/img05.jpg"></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_4 ></DIV>
      <A class=scrollimg2_txt id=title_4  href="http://www.5imoban.net"  >动感夏日炫彩T恤全场29元</A> </DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_5>
      <DIV><A href="http://www.5imoban.net" rel="external nofollow" ><IMG id=bigpic_5  src="images/img06.jpg"></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_5 ></DIV>
      <A class=scrollimg2_txt id=title_5  href="#"  >好乐买李宁特卖场全场99元</A> </DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_6>
      <DIV><A href="http://www.5imoban.net/" rel="external nofollow" ><IMG id=bigpic_6  src="images/img07.jpg"></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_6 ></DIV>
      <A class=scrollimg2_txt id=title_6 href="#" >范冰冰:时尚网购 就上梦芭莎!注册即送100元</A> </DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_7>
      <DIV><A  href="http://www.5imoban.net" ><IMG id=bigpic_7  src="images/img08.jpg"><SPAN class=scrollimg2_hd>高清标识</SPAN></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_7></DIV>
      <A class=scrollimg2_txt id=title_7  href="http://www.5imoban.net" >经典电影《魔鬼总动员》阿诺施瓦辛格、莎朗斯通主演科幻动作片</A> </DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_8>
      <DIV><A href="#" ><IMG id=bigpic_8 src="images/img09.jpg"></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_8 ></DIV>
      <A class=scrollimg2_txt id=title_8 href="http://www.5imoban.net" >《关云长》迅雷独家首发,高清大片至尊专享,看甄子丹姜文双雄交锋!</A> </DIV>
    <DIV class=scrollimg2_bigimg id=showDiv_9>
      <DIV><A href="http://www.5imoban.net" ><IMG id=bigpic_9 src="images/img10.jpg"></A></DIV>
      <DIV class=scrollimg2_bg id=title_bg_9 ></DIV>
      <A
class=scrollimg2_txt id=title_9  href="http://www.5imoban.net" >凯迪拉克SRX微电影II《66号公路》全版献映 </A></DIV>
  </DIV>
  <DIV></DIV>
  <DIV class=scrollimg2_tigger>
    <DIV class=scrollimg2_tigger_hoverbg id=bigHover></DIV>
    <UL>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_0 src="images/img01s.jpg" /></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_1  src="images/img02s.jpg" /></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_2 src="images/img03s.jpg"></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_3  src="images/img04s.jpg"></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_4 src="images/img05s.jpg"></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_5 src="images/img06s.jpg"></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_6 src="images/img07s.jpg"></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_7 src="images/img08s.jpg"></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_8 src="images/img09s.jpg"></A> </LI>
      <LI><A href="http://www.5imoban.net" ><IMG id=big_pic_nav_on_9 src="images/img10s.jpg"></A> </LI>
    </UL>
    <UL class=scrollimg2_tigger_link>
      <LI><A id=big_pic_nav_0 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_1 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_2 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_3 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_4 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_5 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_6 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_7 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_8 title="" onclick=document.body.focus() href="http://www.5imoban.net" ><IMG src="images/img_default.gif"></A> </LI>
      <LI><A id=big_pic_nav_9 title="" onclick=document.body.focus() href="http://www.5imoban.net/" ><IMG src="images/img_default.gif"></A></LI>
    </UL>
  </DIV>
</DIV>
</DIV>
<SCRIPT>
    var MovieRecom={    
            step:(62+6),
            hover:"bigHover",       //hover
            bigpic:"SwitchBigPic",    //大图DIV之ID通用部分
            smallpic:"big_pic_nav",//小图之ID通用部分
            selectstyle:"currA",    //小图被选中之后的CSS
            pictxt:"",    //配套图片文字
            totalcount:10,                //图片数量
            autotimeintval:5000,        //图片自动切换时间间隔
            objname:"MovieRecom",    //对象名称
            css:"display:none;position:absolute;left:0;top:0;width:694px;height:261px;overflow:hidden;" //css
        };
    BigNews.init(MovieRecom);
</SCRIPT>


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:个性弧形控制按钮的js幻灯图片代码 下一篇:非常常见的js+flash图片滚动代码
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢