基于jquery实现中国银幕焦点图切换代码



62 244 82



特效描述:基于jquery实现 中国银幕 焦点图切换,基于jquery实现中国银幕焦点图切换代码

代码结构

1. 引入CSS

<link type="text/css" rel="stylesheet" href="css/style.css" />

2. 引入JS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="JavaScript" src="js/bigpicroll.js"></script>

3. HTML代码

<div class="showpage">
	<div class="mainbody">
  	<div class="flashbox f_list">
    	<div class="focusNew_out flashlist">
	                <div style="display:block;" class="f_out">
            <span class="f_out_txt"><a href="http://51qianduan.com/" target="_blank" title="专访徐峥:“泰囧”=《午夜狂奔》+《第八日》">专访徐峥:“泰囧”=《午夜狂奔》+《第八日》</a></span>
            <a target="_blank" href="http://51qianduan.com/"><img width="706" height="398" alt="专访徐峥:“泰囧”=《午夜狂奔》+《第八日》" title="专访徐峥:“泰囧”=《午夜狂奔》+《第八日》" src="images/20130117033834961.jpg"></a>     
        </div>
                <div style="display:none;" class="f_out">
            <span class="f_out_txt"><a href="http://51qianduan.com/" target="_blank" title="电影时光机 追忆那些年与《泰坦尼克号》的故事">电影时光机 追忆那些年与《泰坦尼克号》的故事</a></span>
            <a target="_blank" href="http://51qianduan.com/"><img width="706" height="398" alt="电影时光机 追忆那些年与《泰坦尼克号》的故事" title="电影时光机 追忆那些年与《泰坦尼克号》的故事" src="images/20130117035322587.jpg"></a>     
        </div>
                <div style="display:none;" class="f_out">
            <span class="f_out_txt"><a href="http://51qianduan.com/" target="_blank" title="好莱坞圣诞档菜单曝光 16部影片看点提前揭秘">好莱坞圣诞档菜单曝光 16部影片看点提前揭秘</a></span>
            <a target="_blank" href="http://51qianduan.com/"><img width="706" height="398" alt="好莱坞圣诞档菜单曝光 16部影片看点提前揭秘" title="好莱坞圣诞档菜单曝光 16部影片看点提前揭秘" src="images/20130117032639490.jpg"></a>     
        </div>
                <div style="display:none;" class="f_out">
            <span class="f_out_txt"><a href="http://51qianduan.com/" target="_blank" title="大电影有看头:2012名导聚焦大义 圆乱世英雄梦">大电影有看头:2012名导聚焦大义 圆乱世英雄梦</a></span>
            <a target="_blank" href="http://51qianduan.com/"><img width="706" height="398" alt="大电影有看头:2012名导聚焦大义 圆乱世英雄梦" title="大电影有看头:2012名导聚焦大义 圆乱世英雄梦" src="images/20121031104619326.jpg"></a>     
        </div>
                <div style="display:none;" class="f_out">
            <span class="f_out_txt"><a href="http://51qianduan.com/" target="_blank" title="用数字聊电影:“复联”19天进入10亿俱乐部">用数字聊电影:“复联”19天进入10亿俱乐部</a></span>
            <a target="_blank" href="http://51qianduan.com/"><img width="706" height="398" alt="用数字聊电影:“复联”19天进入10亿俱乐部" title="用数字聊电影:“复联”19天进入10亿俱乐部" src="images/20121031101713523.jpg"></a>     
        </div>
            </div>
        <div class="f_tabs">
	                <span class="f_tab hover">1</span>
                <span class="f_tab ">2</span>
                <span class="f_tab ">3</span>
                <span class="f_tab ">4</span>
                <span class="f_tab ">5</span>
            </div>
    </div>
    <script type="text/javascript">FeatureList(".f_list",{"onclass":"hover","offclass":"","pause_on_act":"click","interval":5000,"speed":5});</script>
<div style="text-align:center;clear:both">
</div>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滑动选项卡切换 flash焦点图 选项卡切换 滑动手风琴 渐隐切换 淡出淡入淡进 焦点图幻灯片 图片淡出淡进 带标题的焦点图 图片切换 图片轮播 选项卡自动切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到