您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！

[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签

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

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

时间：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下无效。

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

标签：网站源码

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

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

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

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

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

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

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

[导航菜单] CSS竖向下拉菜单演示

[导航菜单] 跳动的菜单

[导航菜单] CSS下拉菜单

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

[导航菜单] 纯div+css制作的弹出菜单-04

[导航菜单] 竖列Navigation导航菜单

[导航菜单] 纯div+css制作的弹出菜单-05

相关内容推荐

jQuery自动完成插件

系统程序免费下载

快乐圣诞节PNG图标

radio按钮效果

填写你论坛签名档

我要自学网

twitter精美PNG

网站变灰代码

关键词排名

asp.net基础入门教

js 下拉级联菜单

实时显示时间

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

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

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

鲁ICP备13013982号-1