网站首页

网站源码

加入VIP，免费下载全站VIP素材开通VIP

PHP源码 ASP源码 .NET源码其他VIP源码手机VIP源码

CMS模板

加入VIP，免费下载全站VIP素材开通VIP

织梦模板帝国cms模板商城源码 discuz模板 wordpress模板其他源码 app源码 pbootcms

安卓源码

加入VIP，免费下载全站VIP素材开通VIP

VIP源码控件分类功能分类技术博客

免费源码

php源码 asp源码 .NET源码 java源码其他源码

会员特权

广告合作

●●●

加入VIP，免费下载全站素材开通VIP

设计素材网页特效网页设计作业开发教程

登录注册 QQ登录

当前位置：首页 > 网页特效 > 导航菜单 >

腾讯视频首页导航以及图片幻灯特效

时间：2013-08-02 13:04 来源：互联网作者：源码搜藏收藏推荐

<link rel="stylesheet" href="http://imgcache.qq.com/mediastyle/video_2013/style/index.css?v=20130608&max_age=86400" />
<meta name="apple-itunes-app" content="app-id=458318329" />
<script>
    if (navigator.userAgent.match(/iPad/i))
    {
        document.getElementsByName('apple-itunes-app')[0].setAttribute('content', 'app-id=407925512')
    }
</script>

<script type="text/javascript">
    try { document.domain = "qq.com"; } catch (e) { }
    function picerr(obj, i)
    {
        obj.onerror = null;
        obj.src = "http://imgcache.qq.com/mediastyle/tenvideo/img/nopic/" + (i || 1) + ".jpg";
    }
    var d0 = new Date();
    var timePoints = new Array();
    function _sreport()
    {
        if (window.performance || window.msPerformance || window.webkitPerformance)
        {
            setTimeout(function ()
            {
                if (Live && Live.tj2 && Live.tj2.performance)
                {
                    Live.tj2.performance(1422, 202, 18);
                }
            }, 10000);
        }
        else if (Math.random() < 0.1)
        {
            var s = [];
            for (var i = 0; i < timePoints.length; i++)
                if (!!timePoints[i])
                {
                    s.push((i + 1) + "=" + (timePoints[i] - d0));
                }
            var url = "http://isdspeed.qq.com/cgi-bin/r.cgi?flag1=1422&flag2=202&flag3=1&" + s.join("&");
            window._speed_img = new Image();
            window._speed_img.src = url;
        }
    }
</script>
<div class="site_navigation" role="navigation sitemap" id="txvSitemap">
    <div class="mod_navigation">
        <div class="nav_all unfold" id="txvLeftSitemap">
            <div class="nav_all_item" id="toggleShowNav">
                <span class="dots"><i class="dot c1"></i><i class="dot c2"></i><i class="dot c3"></i>
                </span><a href="javascript:;" class="nav_item" _hot="mainnav.home">首页</a> <a href="javascript:void(0);"
                    class="nav_fold_btn"><i class="ico_td">展开所有导航</i></a>
            </div>
            <div class="mod_nav_site">
                <ul>
                    <li class="nav_tv"><i class="dot c1"></i><a href="http://www.iseedy.com"
                        title="电视剧" _hot="index.ver_nav.tv" class="nav_item">电视剧</a> <a href="http://www.iseedy.com/vodlisthtml/2.html"
                            target="_blank" title="美剧" class="nav_item_sub" _hot="index.ver_nav.tv.1">美剧</a><a
                                href="http://www.iseedy.com/vodlisthtml/18.html" target="_blank" title="英剧"
                                class="nav_item_sub nav_item_sub_mark" _hot="index.ver_nav.tv.2">英剧<i class="ico_nav_new"></i></a>
                    </li>
                    <li class="nav_movie"><i class="dot c2"></i><a href="http://www.iseedy.com/vodlisthtml/1.html"
                        title="电影" _hot="index.ver_nav.movie" class="nav_item">电影</a> <a href="http://www.iseedy.com/vodlisthtml/5.html" target="_blank" title="首播影院" class="nav_item_sub"
                            _hot="index.ver_nav.movie.1">首播影院</a><a href="http://www.iseedy.com/vodlisthtml/6.html"
                                target="_blank" title="纪录片" class="nav_item_sub" _hot="index.ver_nav.movie.2">纪录片</a>
                    </li>
                    <li class="nav_variety"><i class="dot c3"></i><a href="http://www.iseedy.com/vodlisthtml/3.html"
                        title="综艺" _hot="index.ver_nav.variety" class="nav_item">综艺</a> <a href="http://www.iseedy.com/vodlisthtml/12.html" target="_blank" title="快男"
                            class="nav_item_sub" _hot="index.ver_nav.variety.1">快男</a><a href="" target="_blank" title="康熙来了"
                                class="nav_item_sub" _hot="index.ver_nav.variety.2">康熙来了</a> </li>
                    <li class="nav_ent"><i class="dot c4"></i><a href=""
                        title="娱乐" _hot="index.ver_nav.ent" class="nav_item">娱乐</a> <a href="index-6.htm"
                            tppabs="http://v.qq.com/music/" target="_blank" title="MV" class="nav_item_sub"
                            _hot="index.ver_nav.ent.1">MV</a><a href=""
                                target="_blank" title="搞笑" class="nav_item_sub" _hot="index.ver_nav.ent.2">搞笑</a>
                    </li>
                    <li class="nav_news"><i class="dot c5"></i><a href=""
                        title="新闻" _hot="index.ver_nav.news" class="nav_item">新闻</a> <a href=""
                            target="_blank" title="社会" class="nav_item_sub" _hot="index.ver_nav.news.1">社会</a>
                    </li>
                    <li class="nav_sports"><i class="dot c6"></i><a href=""
                        title="体育" _hot="index.ver_nav.sports" class="nav_item">体育</a> <a href="" target="_blank"
                            title="篮球星播客" class="nav_item_sub" _hot="index.ver_nav.sports.1">篮球星播客</a>
                    </li>
                    <li class="nav_life"><i class="dot c7"></i><a href=""
                        title="生活" _hot="index.ver_nav.life" class="nav_item">生活<i class="ico_nav_new"></i></a>
                        <a href="" target="_blank" title="时尚"
                            class="nav_item_sub" _hot="index.ver_nav.life.1">时尚</a><a href=""
                                target="_blank" title="育儿" class="nav_item_sub" _hot="index.ver_nav.life.2">育儿</a><a
                                    href="" target="_blank" title="旅游"
                                    class="nav_item_sub" _hot="index.ver_nav.life.3">旅游</a> </li>
                    <li class="nav_cartoon"><i class="dot c8"></i><a href=""
                        title="动漫" _hot="index.ver_nav.cartoon" class="nav_item">动漫</a> <a href="" target="_blank" title="儿童动画片" class="nav_item_sub"
                            _hot="index.ver_nav.cartoon.1">儿童动画片</a> </li>
                    <li class="nav_games"><i class="dot c9"></i><a href=""
                        title="游戏" _hot="index.ver_nav.games" class="nav_item">游戏</a> <a href="" target="_blank" title="网游"
                            class="nav_item_sub" _hot="index.ver_nav.games.1">网游</a><a href="" target="_blank" title="电竞"
                                class="nav_item_sub" _hot="index.ver_nav.games.2">电竞</a> </li>
                    <li class="nav_education"><i class="dot c10"></i><a href=""
                        title="教育" _hot="index.ver_nav.education" class="nav_item">教育</a>   </li>
                </ul>
            </div>
        </div>
        <div class="mod_nav_sub">
            <ul class="mod_nav_sub_list mod_nav_sub_adaptive" id="mod_nav_sub_list">
                <li><a href="" target="_blank" title="好莱坞影院" class="nav_itme nav_itme_film"
                    _hot="index.hor_nav.1"><span class="ico_text">好莱坞影院</span><i class="ico_nav_pay"></i></a>
                    <i class="divide"></i></li>
                <li><a href="" target="_blank"
                    title="腾讯出品" class="nav_itme" _hot="index.hor_nav.2">腾讯出品</a> <i class="divide">
                    </i></li>
                <li><a href="" target="_blank" title="拍客"
                    class="nav_itme" _hot="index.hor_nav.3">拍客</a> <i class="divide"></i></li>
                <li><a href="" target="_blank" title="原创"
                    class="nav_itme" _hot="index.hor_nav.4">原创</a> <i class="divide"></i></li>
                <li><a href="" target="_blank"
                    title="微影院" class="nav_itme" _hot="index.hor_nav.5">微影院</a> <i class="divide"></i>
                </li>
                <li><a href="" target="_blank"
                    title="V+开放平台" class="nav_itme nav_item_mark" _hot="index.hor_nav.6"><span class="ico_text">
                        V+开放平台</span><i class="ico_nav_new"></i></a> <i class="divide"></i></li>
                <li><a href="" target="_blank"
                    title="直播" class="nav_itme" _hot="index.hor_nav.7">直播</a> <i class="divide"></i>
                </li>
                <li class="last_item"><a href=""
                    target="_blank" title="排行榜" class="nav_itme" _hot="index.hor_nav.8">排行榜</a>
                </li>
            </ul>
        </div>
        <span class="site_navigation_left"></span><span class="site_navigation_right"></span>
    </div>
</div>

<div class="site_bg1">
</div>
<div class="site_focus" id="mod_txv_focus">
    <div class="mod_focus_channel mod_focus_channel_index cf">
        <div class="focus_pic">
            <div class="outgoing" id="mod_txv_focus_prevpic">
            </div>
            <div class="incoming" id="mod_txv_focus_showpic" style="background-image: url(http://i.gtimg.cn/qqlive/images/20130710/i1373459278_1.jpg?max_age=604800);
                background-color: #FFD7C3">
            </div>
        </div>
        <div class="focus_text">
            <ul>
                <li><a href="/vodhtml/26167.html"
                    target="_blank" class="focus_link" title="《爱呀幸福男女》阿娇再谈低潮期：跨过这道墙未来更好" id="mod_txv_focus_title"
                    _hot="index.focus.big_img"><i class="ico_focus_play"></i><span class="focus_title">《爱呀幸福男女》阿娇再谈低潮期：跨过这道墙未来更好</span></a>
                </li>
            </ul>
        </div>
        <div class="focus_nav" id="mod_txv_focus_nav">
            <b class="focus_nav_bg"></b>
            <ul>
                <li class="cur"><a href="http://www.28btv.com/vodhtml/26167.html"
                    title="《爱呀幸福男女》阿娇再谈低潮期：跨过这道墙未来更好" target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130710/i1373459278_1.jpg?max_age=604800"
                    data-color="#FFD7C3" _hot="index.focus.small_img.1">
                    <img src="http://i.gtimg.cn/qqlive/images/20130710/i1373459436_1.jpg"
                        alt="《爱呀幸福男女》阿娇再谈低潮期：跨过这道墙未来更好" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li><a href="http://www.28btv.com/vodhtml/26168.html" title="《北京遇上西雅图》文艺女神汤唯挑战极品拜金小三"
                    target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130709/i1373341739_1.jpg?max_age=604800"
                    data-color="#88898D" _hot="index.focus.small_img.2">
                    <img src="http://i.gtimg.cn/qqlive/images/20130509/i1368090589_1.jpg"
                        alt="《北京遇上西雅图》文艺女神汤唯挑战极品拜金小三" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li><a href="http://www.28btv.com/vodhtml/26127.html" title="《精忠岳飞》[至18集]岳飞大败曹成，却被赵构撤除军职……"
                    target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130708/i1373264073_1.jpg?max_age=604800"
                    data-color="#4B3A28" _hot="index.focus.small_img.3">
                    <img src="http://i.gtimg.cn/qqlive/images/20130708/i1373265807_1.jpg"
                        alt="《精忠岳飞》[至18集]岳飞大败曹成，却被赵构撤除军职……" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li><a href="http://www.28btv.com/vodhtml/2647.html" title="英剧《皮囊第七季》[至02集]娜奥米患癌病危，埃菲涉金融犯罪被捕"
                    target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130702/i1372764584_1.jpg?max_age=604800"
                    data-color="#000000" _hot="index.focus.small_img.4">
                    <img src="http://i.gtimg.cn/qqlive/images/20130702/i1372769326_1.jpg"
                        alt="英剧《皮囊第七季》[至02集]娜奥米患癌病危，埃菲涉金融犯罪被捕" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li><a href="http://www.28btv.com/vodhtml/26127.html"
                    title="《非缘勿扰》揭秘“不婚宣言”背后辛酸" target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130707/i1373194311_1.jpg?max_age=604800"
                    data-color="#FADBD9" _hot="index.focus.small_img.5">
                    <img src="http://i.gtimg.cn/qqlive/images/20130707/i1373206403_1.jpg"
                        alt="《非缘勿扰》揭秘“不婚宣言”背后辛酸" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li><a href="http://www.28btv.com/vodhtml/26117.html" title="《杀戒》金马影帝刘烨、谋女郎倪妮联袂演绎国内首部疗爱悬疑大片"
                    target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130708/i1373452557_1.jpg?max_age=604800"
                    data-color="#DBD7D4" _hot="index.focus.small_img.6">
                    <img src="http://i.gtimg.cn/qqlive/images/20130708/i1373453126_1.jpg"
                        alt="《杀戒》金马影帝刘烨、谋女郎倪妮联袂演绎国内首部疗爱悬疑大片" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li style="display: none;"><a href="http://www.28btv.com/vodhtml/26177.html"
                    title="《杜拉拉之似水年华》情场职场双线开战，黄金剩女遭遇未婚夫逃婚" target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130709/i1373371734_1.jpg?max_age=604800"
                    data-color="#C2D2B8" _hot="index.focus.small_img.7">
                    <img _src="http://i.gtimg.cn/qqlive/images/20130701/i1372663064_1.jpg"
                        alt="《杜拉拉之似水年华》情场职场双线开战，黄金剩女遭遇未婚夫逃婚" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li style="display: none;"><a href="http://www.28btv.com/vodhtml/23167.html"
                    title="美剧《清道夫》强悍“公关团队”摆平好莱坞名流丑闻" target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130704/i1372929740_1.jpg?max_age=604800"
                    data-color="#306974" _hot="index.focus.small_img.8">
                    <img _src="http://i.gtimg.cn/qqlive/images/20130701/i1372646950_1.jpg"
                        alt="美剧《清道夫》强悍“公关团队”摆平好莱坞名流丑闻" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li style="display: none;"><a href="http://www.28btv.com/vodhtml/26467.html"
                    title="《新洛神》首播，三国第一女神亮相，引发曹操曹丕曹植父子四角恋" target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130704/i1372944138_1.jpg?max_age=604800"
                    data-color="#501602" _hot="index.focus.small_img.9">
                    <img _src="http://i.gtimg.cn/qqlive/images/20130704/i1372944267_1.jpg"
                        alt="《新洛神》首播，三国第一女神亮相，引发曹操曹丕曹植父子四角恋" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li style="display: none;"><a href="http://www.28btv.com/vodhtml/26117.html"
                    title="《大牌驾到》周杰伦：小清新玩腻了 这次要重口味不娘炮！" target="_blank" data-ad="0" data-pic="http://img1.gtimg.com/v/pics/hv1/101/67/1368/88971386.jpg?max_age=604800"
                    data-color="#023CA0" _hot="index.focus.small_img.10">
                    <img _src="http://i.gtimg.cn/qqlive/images/20130710/i1373419875_1.jpg"
                        alt="《大牌驾到》周杰伦：小清新玩腻了 这次要重口味不娘炮！" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li style="display: none;"><a href="http://www.28btv.com/vodhtml/26367.html"
                    title="《舌尖上的家乡》充满幸福感的粉蒸肉，游子最牵挂的味道" target="_blank" data-ad="0" data-pic="http://img1.gtimg.com/v/pics/hv1/128/235/1368/89014253.jpg?max_age=604800"
                    data-color="#BAB7A6" _hot="index.focus.small_img.11">
                    <img _src="http://img1.gtimg.com/v/pics/hv1/132/235/1368/89014257.jpg"
                        alt="《舌尖上的家乡》充满幸福感的粉蒸肉，游子最牵挂的味道" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
                <li style="display: none;"><a href="http://www.28btv.com/vodhtml/21187.html"
                    title="《天台爱情》独家超长特辑 周杰伦自导自演快乐闯江湖" target="_blank" data-ad="0" data-pic="http://i.gtimg.cn/qqlive/images/20130709/i1373368771_1.jpg?max_age=604800"
                    data-color="#0C2F43" _hot="index.focus.small_img.12">
                    <img _src="http://i.gtimg.cn/qqlive/images/20130709/i1373369942_1.jpg"
                        alt="《天台爱情》独家超长特辑 周杰伦自导自演快乐闯江湖" onerror="picerr(this,12)" /><span class="cover"></span></a>
                </li>
            </ul>
        </div>
        <a href="javascript:;" class="focus_prev" id="focus_smaillPic_prev"><span class="prev"
            _hot="index.focus.prev">上一组</span></a> <a href="javascript:;" class="focus_next"
                id="focus_smaillPic_next"><span class="next" _hot="index.focus.next">下一组</span></a>
    </div>
    <div id="fadecover" style="background-color: rgb(0, 0, 0); height: 425px; left: 0px;
        position: absolute; top: 0px; width: 100%; z-index: 1; display: none; background-position: initial initial;
        background-repeat: initial initial;">
    </div>
</div>
<div id="QQlive_SP_HP_DKB_wrapper" class="v_qq_com_index" style="width: 1px; height: 1px;">
    <div id="QQlive_SP_HP_DKB" style="display: none; margin: auto;" class="l_qq_com"
        data-width="980px" data-height="425px">
    </div>
</div>
<script language="javascript">
    timePoints[0] = new Date();
</script>
<script type="text/javascript" src="http://qzs.qq.com/tencentvideo_v1/js/txv.core.min.js?v=20130626&max_age=604800"></script>
<script type="text/javascript" src="http://qzs.qq.com/tencentvideo_v1/js/txv.focus_v2.min.js?v=20130603&max_age=86400"></script>
<script type="text/javascript" src="http://qzs.qq.com/tencentvideo_v1/js/txv.index_v3.min.js?v=20130705&max_age=86400"></script>
<script language="javascript">
    timePoints[1] = new Date();
    txv.index.init();
    timePoints[2] = new Date();
    _sreport();
</script>
<script src="http://adsrich.qq.com/sc/vqq/crystal-min.js"
    id="l_qq_com" arguments="{'mo_page_ratio':0.02,'mo_ping_ratio':0.01,'mo_ping_script':'http://adsrich.qq.com/sc/mo_ping-min.js'}"></script>
<script>
    if (typeof crystal == "object" && typeof (crystal.setRegisterCallback) == "function")
    {
        crystal.setRegisterCallback("QQlive_SP_HP_DKB", {
            "show": function ()
            {
                var mod = document.getElementById("QQlive_SP_HP_DKB_wrapper");
                if (mod && mod.style)
                {
                    mod.style.width = "100%";
                    mod.style.height = "425px";
                }
            },
            "hide": function ()
            {
                var mod = document.getElementById("QQlive_SP_HP_DKB_wrapper");
                if (mod && mod.style)
                {
                    mod.style.display = "none";
                }
            }
        });
    }
</script>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

腾讯视频首页导航以及图片幻灯特效由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-daohang/5237.html

标签：源码网站源码特效腾讯幻灯视频

上一篇：CSS3圆环动画技能栏菜单

下一篇：jquery动态下滑菜单_有立体效果

[导航菜单] 绝对经典的滑动门特效代码

[导航菜单] jQ多级菜单垂直折叠展开，点击展

[导航菜单] 一个非常流行的CSS3网页头部导航

[导航菜单] jQuery仿百度帖吧头部固定不随滚

[导航菜单] 很酷的网页顶部图标菜单右上角

[导航菜单] 简单的网页二级菜单特效代码(类

[导航菜单] CSS+JS实现的仿淘宝的产品分类菜

[导航菜单] 很独特的纯CSS二级下拉菜单

[导航菜单] 绿色十分好的纯CSS下拉导航条，

[导航菜单] 仿淘宝阴影效果的滑动门选项卡

[导航菜单] jquery模仿flash导航

[导航菜单] (jQuery)竖排菜单-网页竖向菜单

相关内容推荐

小程序源码

医疗机构企业网站源码

直播带货系统

任务交由系统

成品app直播源码下载

语音直播系统源码

直播源码原生开发

游戏下载模板

素材库小程序

直播源码，短视频源码

电子产品模板

新能源环保网站源码

工资查询系统

oa办公系统模板

扎带线卡网站源码

文章伪原创

直播源代码

博客小程序源码

热门源码

织梦cms模板

网上商城模板

学生个人网页制作

个人网页制作模板

网页制作代码

个人网站设计模板

asp网站建设

学校网站模板

网站源代码

企业网站程序

帝国网站管理系统

网站模版下载

安卓源代码

个人网页设计模板

电脑报电子版

网页模板免费下载

个人主页源码

网址导航源码

图片识别植物

苹果cms10模板

个人博客模板

网页源文件

网页制作模板下载

电脑登录界面

网站模板免费下载

网页制作模板

企业网页设计模板

php教程下载

网站源码下载

商城系统源码

办公管理系统

个人简历网页模板

电影网站程序

论坛源代码

外贸网站源码

网站源代码下载

php网页源码

公司网站模板

分类信息程序

个人网站模板下载

企业网站源码

登录界面代码

免费企业网站

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

COPYRIGHT 2012-2019 济南朗达信息技术有限公司版权所有鲁ICP备16040249号-5

鲁公网安备 37010202002306号