特效介绍
电影网站十屏图片滚动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" >北条司经典同名漫画作品改编 韩版“道明寺”打破冷酷形象搞笑出演</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>
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!