精华内容
下载资源
问答
  • 码农那点事儿关注我们,一起学习进步html5数字2048小游戏源码...下载源码(提取码:关注公众号,后台回复【190912】)写在最后以上就是给大家分享的html5实现简单2048小游戏源代码,值得你收藏!有兴趣的朋友可以看看...
    4ba9161c6d5992ec8513565977a6b12e.png

    码农那点事儿

    关注我们,一起学习进步

    a4774a898b6fb7ce6d04668eada8b1c1.gif

    html5数字2048小游戏源码下载。游戏介绍:2048游戏怎么玩?电脑:方向键移动;手机:手指滑动屏幕。得到一个“2048”就算胜利了,如果16个格子全部填满并且无法移动的话,那么gameover。

    d0d5583bc1ed98cb847820566fcbed22.png

    下载源码(提取码:关注公众号,后台回复【190912】)

    写在最后

    以上就是给大家分享的html5实现简单2048小游戏源代码,值得你收藏!有兴趣的朋友可以看看,同时也欢迎分享和收藏。

    4aaeede0c1fab0aeddd2805a54f12eeb.gif

    本文源码获取方法,请在下方fd09e667d1ee37c313ff1bef41f2d396.gif关注“码农那点事儿”公众号,在后台回复“190912”,即可获得。

    ● 后台回复【网页特效】,免费获取网页制作特效源码!

    0c79a0a49bfbcf9605947302bef037cd.gif

    ● jquery 仿Div模态弹出窗口插件

     Bootstrap4实现多步骤向导模态窗口插件MultiStep

     基于vue.js 制作在线桌椅定制选择交互特效源码

     纯CSS3实现的三角杯和夏日鸡尾酒动画效果源码

    *版权声明:转载文章和图片均来自公开网络,版权归作者本人所有,如果出处有误或侵犯到原作者权益,请与我们联系删除或授权事宜。

    推荐↓↓↓1eefa411b3cd4fe80adc4874468261f6.png

    码农那点事儿

    展开全文
  • 简单理解网页源码(HTML源代码)

    万次阅读 多人点赞 2015-10-15 19:46:00
    程序员无论做什么程序, 基本都会接触HTML, 如果做web开发 这就是吃饭的家伙, 移动端APP 的没学过HTML不要紧, 但是要一眼大概可以看懂网页源代码, 有机会最好亲自学习一下HTML5, 最自身的提高还是有所帮助的 ...

        程序员无论做什么程序, 基本都会接触HTML, 如果做web开发 这就是吃饭的家伙, 移动端APP 的没学过HTML不要紧, 但是要一眼大概可以看懂网页源代码, 有机会最好亲自学习一下HTML5, 最自身的提高还是有所帮助的

        HTML, 超文本标记语言. 简单理解为某些字句加上标志的语言,从而实现预期的特定效果。网页正是由这种HTML语言所编写出来的。作为一套标记语言,基本上只要明白各种标记的用法就算学会了HTML

           HTML的语法格式分为嵌套与非嵌套两类,嵌套格式为<标记>...</标记>,非嵌套只为<标记>。此外,根据标记的不同,有的标记附带有属性参数,则表示为<标记 属性="参数值">,根据个人需要,可添加或去掉相应的属性标记

            一. 基本框架

             如同人一样,网页也包括了“头部”和“身体”,如图就是标记符号。

      <head>标记内包含着诸如网页标题、语言编码、网页描述等基本信息,而平时我们真正见到的网页内容均放在<body>标记内。现在先介绍一下<head>里的基本信息。

      网页标题(标记格式为<title></title>)

      创建网页标题文字:<title>标题</title> //此处书写的文字会显示在IE的标题栏上。

      网页文档信息(标记格式为<meta>)

      描述网页内容类型:<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> //该页面为TXT文本或HTML格式,语言编码方式为GB2312(即简体中文)。

      描述网页的关键字信息:<meta name="keywords" content="这里是关键字">

      对网页的详细描述:<meta name="description" content="这里是对该网页的介绍">

      刷新网页:<meta http-equiv="refresh" content="5;URL=xxx.htm"> //5秒种后刷新,并链接到xxx.html

    二、组成要素

      无论网页如何千变万化,构成一个网页内容的最基本要素大体只有五种,即文字、图片、表格、超链接和表单控件,所以下面将围绕着这五个要素逐一列举介绍。

      文字(标记格式为<font></font>)

      指定文字字体:<font face="宋体">宋体文字</font>

      指定文字大小:<font size="3">3号文字</font>

      指定文字颜色:<font color="#FF0000">红色文字</font> //网页颜色采用16位编码,因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。

      图片(标记格式为<img>)

      <img src="/Files/Pic/2006-9/4/069409563356425.jpg" width="400" height="300" border="2" align="center">// src指定为路径地址,width为宽度,height为高度,border为边框大小,align为横向位置。

      表格(标记格式为<table><tr><td></td></tr></table>)

      <table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"><tr><td>此处添加文字或图片等</td></tr></table>// width、height、border、align与以上的例子作用一样,cellpadding为边框与单元格的间距,cellspacing为单元格之间的间距,bgcolor为表格背景色。

      以上所介绍的元素都是只存在当前页中,而网页超链接的出现大大改变了人们的浏览习惯,可根据自己喜好,点击到相关链接查看网页信息。

      超链接(标记格式为<a></a>)

      <a href="xxx.htm" title="提示文字">链接文字或图片</a> //href为被点击后的链接页,title为鼠标悬停在链接文字或图片上后出现的提示文字。

      表单控件(标记符号为<input>、<textarea></textarea>、<select></select>)

      表单控件实现了人与网页的交互,像大家常去的论坛、购物站点等都有它的“身影”。

      文本框:<input type="text" value="这是文本框"> //value为该控件的值,以下每个表单控件均可设定,不设默认为空

      密码框:<input type="password">

      单选框:<input type="radio">

      复选框:<input type="check">

      提交按钮:<input type="submit">

      重置按钮:<input type="reset">

      隐藏区域:<input type="hidden">

      文本域:<textarea rows="6" cols="30"></textarea> //rows为行数,cols为宽度

      列表框:<select><option>项目1<option>项目2<option>项目3</select>

    ,       查看HTML网页源代码 可以了解网页的内容, 结构,  根据我们自己的需求对网页中的数据进行更改, 过滤, 排版. 所以多学一门语言有益无害, 活到老 学到老.

    展开全文
  • 1.横幅广告是网络广告的常见形式,一般位于网页的醒目位置上;当用户单击这些横幅广告时,通常可以链接到相应的广告页面; 2.设计横幅广告时,要力求简单明了,能够体现出主要的中心主旨,鲜明、形象地表达出最主要...

    横幅广告(Banner):

    1.横幅广告是网络广告的常见形式,一般位于网页的醒目位置上;当用户单击这些横幅广告时,通常可以链接到相应的广告页面;

    2.设计横幅广告时,要力求简单明了,能够体现出主要的中心主旨,鲜明、形象地表达出最主要的广告意图;

    3.横幅广告可以使静态图像,也可以是动态图像。一般而言,与静态横幅广告相比,动态横幅广告更醒目,更能吸引观众的注意力;

    4.当然这还是在恰当适合的前提下(讨厌那种弹窗式和悬浮式的广告)使用不当会造成意想不到的后果,甚至因此观看者的反感造成恶性循环,从而对广告原本的作用大打折扣;

    5.设计横幅广告时,究竟是采取静态形式还是动态形式,取决于哪种形式能够把要表达的信息准确、快速地传递给观看者。

    设计过程:

    (一)编写HTML5代码

    1.输入单击Banner时要链接的网站

     

    <a class="banner" href="http://yamoo9.com">

     

    2.向Banner中添加图片和文字使用class属性标识元素

     

        <a class="banner" href="http://yamoo9.com">
            <img class="banner-logo" src="images/banner-logo.png" alt="yamoo9.com" width="167" height="134" />
            <p class="banner-desc">开放知识讲座, 视频Cast!<br /> 分享设计心得的乐园!<br />
            <strong>- Yamoo9</strong></p>
        </a>

     

    (二)编写CSS3样式表

     

    1.控制body样式

     

    body {
        padding: 20px;
        background: #333;
    }

     

    2.控制Banner样式

     

    a.banner {
        display: block;
        width: 728px;
        height: 176px;
        border: 1px solid #555;
    }

     

    3.设置横幅广告的Logo标志

     

    .modern .banner-logo {
        position: absolute;
        top: 20px;
        left: 270px;
    }

     

    4.向Banner上的文字应用字体

     

    .modern .banner-desc {
        font: 32px/1.1 "NanumPenWeb", "方正静蕾简体", "Nanum Pen Script";
    }

     

    同时还需要在HTML5代码中添加Web字体服务

    <title>CSS3 Banner Design - 动画Banner设计</title>
    <link href='http://api.mobilis.co.kr/webfonts/css/?fontface=NanumPenWeb' rel='stylesheet' />

    5.设置Banner字体的位置与颜色

     

    .modern .banner-desc {
        opacity: 0;
        position: absolute;
        top: 39px;
        left: 170px;
        font: 39px/1.1 "NanumPenWeb", "方正静蕾简体", "Nanum Pen Script";
        color: #4ec1cd;
    }

     

    .modern .banner-desc strong {
        font-size: 23px;
    } 

    6.设置鼠标指针未移动到Banner上的Banner

    a.banner {
        position: relative;
        background: 
            url(../images/banner-arrow.png) no-repeat -100px 140px, 
            url(../images/banner-photo.png) no-repeat -40px 220px, 
            url(../images/banner-09.png) no-repeat -20px -380px,
            url(../images/banner-bg.png) no-repeat 0 0;
    
    }
    .modern a.banner:hover, a.banner:focus {
        background-position: 
            20px 140px, 
            -40px 20px, 
            -20px -90px,
            0 0;    
    }

     

    使用transition函数完成一系列的图片移动操作

    a.banner {
        position: relative;
        background: 
            url(../images/banner-arrow.png) no-repeat -100px 140px, 
            url(../images/banner-photo.png) no-repeat -40px 220px, 
            url(../images/banner-09.png) no-repeat -20px -380px,
            url(../images/banner-bg.png) no-repeat 0 0;
    
        -webkit-transition: all .2s ease-in .2s;
        -moz-transition: all .2s ease-in .2s;
        -o-transition: all .2s ease-in .2s;
        -ms-transition: all .2s ease-in .2s;
        transition: all .2s ease-in .2s;
    }
    .modern a.banner:hover, a.banner:focus {
        background-position: 
            20px 140px, 
            -40px 20px, 
            -20px -90px,
            0 0;    
    }
    .modern .banner-logo {
        position: absolute;
        top: 20px;
        left: 270px;
        -webkit-transition: all .4s ease-out .3s;
        -moz-transition: all .4s ease-out .3s;
        -o-transition: all .4s ease-out .3s;
        -ms-transition: all .4s ease-out .3s;
        transition: all .4s ease-out .3s;
    }
    .modern a.banner:hover .banner-logo, 
    .modern a.banner:focus .banner-logo {
            left: 540px;        
    }
    .modern .banner-desc {
        opacity: 0;
        position: absolute;
        top: 39px;
        left: 170px;
        font: 39px/1.1 "NanumPenWeb", "方正静蕾简体", "Nanum Pen Script";
        color: #4ec1cd;
        -webkit-transition: all .4s ease-out .3s;
        -moz-transition: all .4s ease-out .3s;
        -o-transition: all .4s ease-out .3s;
        -ms-transition: all .4s ease-out .3s;
        transition: all .4s ease-out .3s;
    }

    最后使用JQuery播放声音文件

     

    /* banner.js - Banner设计脚本, 2012 © yamoo9.com    
    ---------------------------------------------------------------- */
    ;(function($){
        $(function() { // $(document).ready(); 文档准备好后运行
            
            var banner_audio= new Audio(),        // 创建Audio.
                 webm = isSupportWebM();    // 检查是否支持webm格式
            banner_audio.src = 'media/banner_sound.mp3';
            /*if(webm) {   //支持webm格式
                banner_audio.src = 'media/banner_sound.webm';
            } else {    // 不支持webm格式
                banner_audio.src = 'media/banner_sound.mp3';
            };*/
            $('.banner')
                .bind('mouseover focusin', function() { // 当发生MouseOver,FocusIn事件时调用处理函数
                    banner_audio.load(); // 加载audio
                    banner_audio.play(); // 播放audio
                })
                .bind('mouseout focusout', function() { // 当发生MouseOut,FocusOut事件时调用处理函数
                    banner_audio.pause();             // 暂停audio
                    banner_audio.currentTime = 0;    // 初始化audio播放位置
                });
            
        });
    })(window.jQuery);
    
    // 检测是否webm格式的函数
    function isSupportWebM() {
        var tester = document.createElement('audio');
        return !!tester.canPlayType('audio/webm');
    };

     

     

    最后的完成作品:http://pan.baidu.com/s/1hsCWACs

     

    Head First 系列 https://pan.baidu.com/s/1cGiODg

     

     

    转载于:https://www.cnblogs.com/zpfbuaa/p/5456859.html

    展开全文
  • 直接,去看一个网页源代码,这个很简单! 1、新建maven项目 2、选择代码保存位置 3、选择quickstart 4、设置Group Id和Artifact Id 5、得到新建好的maven项目 pom.xml里需要自行添加...

        直接,去看一个网页的源代码,这个很简单!

     

     

     

     

     

     

     

    1、新建maven项目

     

    2、选择代码保存位置

     

    3、选择quickstart

     

    4、设置Group Id和Artifact Id

     

    5、得到新建好的maven项目

     

         pom.xml里需要自行添加(httpclient 4.4   、htmlcleaner 2.10 )

     

     

    设置好pom.xml配置文件

     

     

     

     

     

    最后的pom.xml文件为

    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>zhouls.bigdata</groupId>
    <artifactId>mySpider</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>mySpider</name>
    <url>http://maven.apache.org</url>

    <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>

    <dependencies>
    <dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>3.8.1</version>
    <scope>test</scope>
    </dependency>
    <!-- https://mvnrepository.com/artifact/org.apache.httpcomponents/httpclient -->
    <dependency>
    <groupId>org.apache.httpcomponents</groupId>
    <artifactId>httpclient</artifactId>
    <version>4.4</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/net.sourceforge.htmlcleaner/htmlcleaner -->
    <dependency>
    <groupId>net.sourceforge.htmlcleaner</groupId>
    <artifactId>htmlcleaner</artifactId>
    <version>2.10</version>
    </dependency>
    </dependencies>
    </project>

     

     

    当然,这个配置文件,以后自行可以去修改。

     

     

     

    新建包zhouls.bigdata.mySpider.util

     

     

     

    编写代码

     

     

     

    运行

    <!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=Edge" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="keywords" content="微微一笑很倾城 - 高清全集在线观看" /><meta name="description" content="微微一笑很倾城,微微一笑很倾城在线观看,微微一笑很倾城全集,电视剧微微一笑很倾城"/><meta name="data-spm" content="a2h1n" /><title>《微微一笑很倾城》30集全—大陆—电视剧—优酷网,视频高清在线观看—又名:《A Smile Is Beautiful》《微微一笑很倾城电视剧版》</title><link rel="stylesheet" href="//css.ykimg.com/youku/dist/css/find/g_72.css" /><link rel="stylesheet" href="//css.ykimg.com/youku/dist/css/find/program/program_10.css" /></head><body data-spm="8261147"><script>
    with(document)with(body)with(insertBefore(createElement("script"),firstChild))setAttribute("exparams","userid=&aplus&sidx=tlvQF3JPdlgAAAAAKEdPUx4Q/iSAyogM&ckx=listyoukucomshowidz9cd2277647d311e5b692html|",id="beacon-aplus",src="//g.alicdn.com/alilog/mlog/aplus_o.js")
    </script><script type="text/javascript"> (function(d) { var b = d.body;var c = b.className || '';var w = (d.documentElement || b).clientWidth;if( w <= 1330 && w > 1160 ){c += ' w1080 ';}else if (w <= 1160){ c += ' w860 ';}b.className = c;})(document);</script><script type="text/javascript">
    // 去掉860的栅格 ipad
    (function(d) { 
    var isMobile = !!((navigator.userAgent.toLowerCase().match(/android/i) || [''])[0]);
    /*检查移动设备是否为移动设备*/
    if (navigator.userAgent.indexOf('iPad') > -1 || isMobile) {
    var m = d.createElement('meta');
    m.setAttribute('name', 'viewport');
    m.setAttribute('content', 'width=1210px');
    d.head.appendChild(m);
    d.body.className += ' w1080';
    }else{
    var b = d.body;
    var c = b.className || '';
    var w = (d.documentElement || b).clientWidth;
    if( w <= 1330 ){
    c += ' w1080 ';
    }else {
    c += ' w1300 ';
    }
    b.className = c;
    }
    })(document);
    var ykQHeader = {
    ltrim:function(s){ return s.replace( /^(\s*| *)/, "") },
    rtrim:function(s){ return s.replace( /(\s*| *)$/, "") },
    trim:function(s){ return this.ltrim(this.rtrim(s));},
    doSearch: function () {
    this.form = document.getElementById('qheader_search');
    if(!this.form){ return; }
    this.input = this.form.getElementsByTagName('input')[0];
    var q = this.trim(this.input.value), url = '',
    stat = 'spm=a2hww.20023042.#qheader_search~10';
    if (window.logPvid) {
    stat += '&_rp=' + window.logPvid;
    }

    if (q == '') {
    url = 'http://www.soku.com?inner' + ('&' + stat);
    } else {
    if (this.form.action.indexOf('/q_') === -1) {
    q = encodeURIComponent(q);
    url = this.form.action + '/q_' + q + ('?' + stat);
    } else {
    url = this.form.action + ('&' + stat);
    }
    }
    window.open(url);
    this.form.action = 'http://www.soku.com/search_video';
    return false;
    }
    }
    </script>

    <div class="g-header g-header-fixed " id="qheader">
    <div class="g-header-container">
    <div class="g-box">
    <div class="yk-logo">
    <a href="http://www.youku.com/" title="Youku 优酷" attr="idx0"><img src="//static.youku.com/youku/dist/img/find/yk-logo-1220.png" width="140" height="50" alt="Youku 优酷" from="index"></a>
    </div>
    <div class="g-view">
    <a href="javascript:void(0)"><i class="ico-list"></i>导视</a>
    <div class="panel">
    <i class="arrow"></i>
    <div class="content">

    <dl>
    <dt>频道精选</dt>
    <dd>

    <a href="//tv.youku.com/" >剧集</a>

    <a href="//movie.youku.com/" >电影</a>

    <a href="//zy.youku.com/" >综艺</a>

    <a href="//music.youku.com/" >音乐</a>

    <a href="//child.youku.com/" >少儿</a>

    <a href="//comic.youku.com/" >动漫</a>

    <a href="//live.youku.com/" >直播</a>

    <a href="http://list.youku.com/category/video/" >片库</a>
    </dd>
    </dl>

    <dl>
    <dt>全网独播</dt>
    <dd>

    <a href="http://list.youku.com/show/id_zd432f9ec588711e6b9bb.html" target="_blank">拜拜啦肉肉</a>

    <a href="http://list.youku.com/show/id_ze4d19b7a424f11e6b32f.html" target="_blank">飞刀又见飞刀</a>

    <a href="http://list.youku.com/show/id_zc275562c474811e6a080.html" target="_blank">火星情报局2</a>

    <a href="http://list.youku.com/show/id_z6a4d7c5aab1d11e6b9bb.html" target="_blank">极品家丁 </a>
    </dd>
    </dl>

    <dl>
    <dt>产品大全</dt>
    <dd>

    <a href="http://www.youku.com/u/channelRank" target="_blank">自频道</a>

    <a href="//gh.youku.com/topic_page/topic_list" target="_blank">话题</a>

    <a href="//z.youku.com/?from=ykzz" target="_blank">众筹</a>

    <a href="http://wan.youku.com/" target="_blank">玩游戏</a>

    <a href="http://www.laifeng.com/" target="_blank">来疯直播</a>

    <a href="//faxian.youku.com/products/" target="_blank">更多>></a>
    </dd>
    </dl>

    <dl>
    <dt>客户端</dt>
    <dd>

    <a href="//mobile.youku.com/index/wireless" target="_blank">移动APP</a>

    <a href="//pd.youku.com/pc" target="_blank">PC客户端</a>

    <a href="//pd.youku.com/xxyk/index" target="_blank">小小优酷</a>

    <a href="http://shamigui.youku.com/" target="_blank">啥米鬼</a>

    <a href="http://www.laifeng.com/app/download" target="_blank">来疯App</a>
    </dd>
    </dl>
    </div>
    </div>
    </div>
    <div class="g-head-center">
    <ul class="g-head-nav">
    <li>
    <a href="http://www.youku.com/">首页</a>
    </li>
    <li>
    <a href="//faxian.youku.com/">发现</a>
    </li>
    <li>
    <a id="navSub" href="http://ding.youku.com/u/subscribeUpdate">订阅<span class="icon-warn" id="qheader_sub_num" style="display:none;"></span></a>
    </li>
    <li>
    <a href="http://cps.youku.com/redirect.html?id=00014c9c">会员</a>
    </li>
    <li>
    <a href="http://user.youku.com">我的</a>
    </li>
    </ul>
    <div class="yk-ucenter"></div>
    </div>
    <div class="g-ucenter" id="uerCenter">
    <div class="u-login">
    <div class="login-before handle">
    <a id="qheader_login" href="http://www.youku.com/user_login/"><i class="ico-user-l2"></i>登录</a>
    </div>
    <div class="login-after dropdown unload handle">
    <a href="http://user.youku.com/page/usc/index" target="_blank">
    <img class="avatar" src="//static.youku.com/v1.0.1098/index/img/sprite.gif">
    <b class="caret"></b>
    <span></span>
    </a>
    <div class="panel u-panel"><i class="arrow"></i>
    <div class="content">

    </div>
    <div class="u-bottom">
    <a href="#" class="singout">退出登录</a>
    <a href="http://i.youku.com/u/setting/base_profile.html" target="_blank">账户设置</a>
    </div>
    </div>
    </div>
    </div>
    <div class="u-record">
    <div class="dropdown">
    <div class="handle">
    <a href="//faxian.youku.com/watch_record">
    <i class="ico-urecord"></i>
    <b class="caret"></b>
    </a>
    </div>
    <div class="panel">
    <i class="arrow"></i>
    <div class="content"></div>
    </div>
    </div>
    </div>
    <div class="u-notice unload">
    <div class="dropdown">
    <div class="handle">
    <a href="//msg.youku.com/page/msg/index?retry=1" target="_blank">
    <i class="ico-notifications-l2"></i>
    <b class="caret"></b>
    <span class="icon-warn" id="qheader_notice_num" style="display:none;"></span>
    </a>
    </div>
    <div class="panel">
    <i class="arrow"></i>
    <div class="content">
    </div>
    <div class="u-bottom">
    <a href="//msg.youku.com/page/msg/index?retry=1" target="_blank" class="fr">查看所有消息</a>
    </div>
    </div>
    </div>
    </div>
    <div class="u-upload">
    <div class="dropdown ">
    <div class="handle">
    <a href="http://www.youku.com/v/upload" target="_blank"><i class="ico-upload-l2"></i><b class="caret"></b></a>
    </div>
    <div class="panel">
    <i class="arrow"></i>
    <div class="content">
    <ul class="u-list">
    <li>
    <a href="http://www.youku.com/v/upload" target="_blank" class="upload-video">
    <em></em> 上传视频
    </a>
    </li>
    <li>
    <a href="http://i.youku.com/u/videos" target="_blank" class="u-creat">
    <em></em> 视频管理
    </a>
    </li>

    <li>
    <a href="http://i.youku.com/u/profile/" target="_blank" class="u-zpd">
    <em></em> 我的自频道
    </a>
    </li>
    <li>
    <a href="http://bigvoyage.youku.com/bigvoyage/overview/index" target="_blank" class="data-analysis">
    <em></em> 数据分析
    </a>
    </li>
    </ul>
    <div class="up-cnt-2">
    <i> </i>
    <a href="//zipindao.youku.com/zpd" target="_blank" class="mr10">自频道加油站</a>
    <a href="//hz.youku.com/red/click.php?tp=1&cp=4011030&cpp=1001005&url=http://rz.youku.com/yc" target="_blank" >自频道认证</a>
    </div>
    </div>
    <div class="u-bottom">
    <a href="#" data-url="http://iku.youku.com/channelinstall/ywebuploadFloat" class="ikuDownload" target="_self"><i></i>立即下载</a>
    下载PC客户端,上传视频更轻松!
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="g-so" data-spm="search">
    <div class="g-so-box">
    <form id="qheader_search" action="http://www.soku.com/search_video" method="get" target="_blank" οnsubmit="
    if(typeof(XBox) == 'object'){
    return false;
    }
    else if(typeof(ykQHeader) == 'object'){
    return ykQHeader.doSearch();
    }
    ">
    <i class="icon-search"></i>
    <input name="q" id="headq" type="text" autocomplete="off">
    <a href="http://top.youku.com/rank/" target="_blank" class="rankq" title="优酷指数排行榜"></a>
    <button type="submit" data-spm="dbutton">搜库</button>
    <div id="qheader_keywords" style="display:none;">
    <a target="_blank" href="http://www.soku.com/search_video/q_" class=""></a>
    </div>
    <input type="text" style="display:none;">
    </form>
    </div>
    </div>
    </div>
    </div>
    </div>
    <!--sub nav-->
    <!--sub nav end-->
    <div class="s-body"><div class="yk-content"><div class="mod mod-new"><div id="ab_101486" data-adid="101486" class="ad-flag-wrap"></div><div class="mod fix"><div class="p-post"><div class="yk-pack p-list"><div class="p-thumb"><a title="微微一笑很倾城" href="//v.youku.com/v_show/id_XMTY5NDg2MzY5Ng==.html" target="_blank" ></a><i class="bg"></i><img src="http://r4.ykimg.com/051600005768E31767BC3C120C01224D" alt="微微一笑很倾城" /><div class="p-thumb-taglt"><span class="ico-lt">独播</span></div><div class="p-thumb-tagrt"><span class="ico-SD">超清</span></div></div></div></div><div class="p-base"><ul><li class="p-row p-title"><a href="//list.youku.com/category/show/c_97.html" target="_blank">剧集</a>:微微一笑很倾城<span class="sub-title">2016</span><a class="p-sub-btn p-sub-action" style="display: none;" href="javascript:void(0)">订阅</a></li><li class="p-row p-renew">30集全 </li><li class="p-alias" title="微微一笑很倾城电视剧版/A Smile Is Beautiful">别名:微微一笑很倾城电视剧版<i class="p-s">/</i>A Smile Is Beautiful</li><li ><span class="pub"><label>上映:</label>2015-12-21</span></li><li><span class="pub"><label>优酷开播:</label>2016-08-22</span></li><li class="p-score">评分: <span class="p-star p-star-50"></span><span class="star-num">9.9</span></li><li class="p-performer" title="杨洋/郑爽/毛晓彤">主演:<a href="//list.youku.com/star/show/uid_UOTM2MjA=.html" target="_blank">杨洋</a><i class="p-s">/</i><a href="//list.youku.com/star/show/uid_UNjkwODA=.html" target="_blank">郑爽</a><i class="p-s">/</i><a href="//list.youku.com/star/show/uid_UMTU1NzAzNg==.html" target="_blank">毛晓彤</a></li><li >导演:<a href="//list.youku.com/star/show/uid_UOTAxMDQ0.html" title="林玉芬" target="_blank">林玉芬</a></li><li>地区:<a href="//list.youku.com/category/show/c_97_a_大陆.html" target="_blank">大陆</a></li><li>类型:<a target="_blank" href="//list.youku.com/category/show/c_97_g_剧情.html">剧情</a><i class="p-s">/</i><a target="_blank" href="//list.youku.com/category/show/c_97_g_都市.html">都市</a><i class="p-s">/</i><a target="_blank" href="//list.youku.com/category/show/c_97_g_言情.html">言情</a></li><li>总播放数:16,951,241,809</li><li>评论:1,254,497</li><li>顶:13,741,333</li><li>指数:<a class="p-icon p-icon-vr" title="指数" href="//hz.youku.com/red/click.php?tp=1&cp=4005347&cpp=1000536&url=http://index.youku.com/vr_show/showid_z9cd2277647d311e5b692.html" target="_blank" id="vr_id"></a></li><li class="p-row p-intro"><span class="text">简介:美女学霸贝微微,立志成为游戏工程师,化名“芦苇微微”跻身网游高手,因拒绝上传真实照片而惨遭侠侣“真水无香”无情抛弃,却意外得到江湖第一高手“一笑奈何”的垂青。为了赢得“侠侣挑战赛”,贝微微欣然答应与“一笑奈何”结盟并组队参赛。两人一路闯荡江湖早已心灵相通,可贝微微做梦也没想到,一路出生入死的伙伴竟然就是同校风云人物——师兄...</span><span class="intro-more hide">简介:美女学霸贝微微,立志成为游戏工程师,化名“芦苇微微”跻身网游高手,因拒绝上传真实照片而惨遭侠侣“真水无香”无情抛弃,却意外得到江湖第一高手“一笑奈何”的垂青。为了赢得“侠侣挑战赛”,贝微微欣然答应与“一笑奈何”结盟并组队参赛。两人一路闯荡江湖早已心灵相通,可贝微微做梦也没想到,一路出生入死的伙伴竟然就是同校风云人物——师兄肖奈。无论线上还是线下,肖奈都是能力出众的“大神”,更巧的是,他竟然就是游戏开发测试的负责人。线上是侠侣队友,线下是工作伙伴,缘分就是这么妙不可言。当贝微微发现这一真相的时候,两人就自然而然地在一起了。 </span><span class="more-default" id="pIntroMore" style="display: inline;">查看详情</span></li></ul><div class="p-interact" id="pInteract"><ul><li class="p-share"><dl><dt><span class="share-title">分享给朋友:</span></dt><dd><a href="//v.youku.com/wechatShare/?url=http://v.youku.com/v_show/id_XMTY5NDg2MzY5Ng==.html&amp;content=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C" target="_blank" title="分享到微信"><i class="p-icon p-icon-weixin"></i></a></dd><dd><a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;pics=&amp;title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C" target="_blank" title="分享到Qzone"><i class="p-icon p-icon-qzone"></i></a></dd><dd><a href="http://v.t.sina.com.cn/share/share.php?url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;sourceUrl=//list.youku.com/show/id_9cd2277647d311e5b692&amp;pic=&amp;title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;appkey=2684493555&amp;content=utf8" target="_blank" title="分享到新浪微博"><i class="p-icon p-icon-weibo"></i></a></dd><dd><a href="http://connect.qq.com/widget/shareqq/index.html?title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;desc=在优酷上看见这条视频还不错哦:%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;pics=&amp;site=优酷" target="_blank" title="分享到QQ好友"><i class="p-icon p-icon-qq"></i></a></dd><dd id="pShareHandle"><a href="javascript:void(0)" data-panel="fn-panel-share"><i class="fn-icon fn-icon-handle"></i></a></dd></dl></li><li class="p-divide"></li><li class="p-collect " style="display: none;" ><a href="javascript:void(0)"><i class="p-icon p-icon-collect p-icon-w15"></i><span class="c999">收藏</span></a></li><li class="p-download"><a href="javascript:void(0)" data-panel="fn-panel-download"><i class="p-icon p-icon-download p-icon-w15"></i><span class="c999">下载</span></a></li><li class="p-phone-see "><a href="javascript:void(0)" data-panel="fn-panel-phone-see"><i class="p-icon p-icon-phone-see p-icon-w15"></i><span class="c999">手机看</span></a></li></ul><div class="fn-panels" id="fnPanels"><div class="fn-panel fn-panel-share" data-ref="fn-panel-share" style="display: none"><span class="pointer"><i class="fn-icon fn-icon-pointer"></i></span><div class="fn-panel-close" title="关闭"><i class="fn-icon fn-icon-close"></i></div><div class="p0"><ul><li><a href="//v.youku.com/wechatShare/?url=http://v.youku.com/v_show/id_XMTY5NDg2MzY5Ng==.html&amp;content=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C" target="_blank" title="分享到微信"><i class="fn-icon fn-icon-weixin"></i></a></li><li><a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;pics=&amp;title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C" target="_blank" title="分享到QQ空间"><i class="fn-icon fn-icon-qzone"></i></a></li><li><a href="http://v.t.sina.com.cn/share/share.php?url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;sourceUrl=//list.youku.com/show/id_9cd2277647d311e5b692&amp;pic=&amp;title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;appkey=2684493555&amp;content=utf8" target="_blank" title="分享到微博"><i class="fn-icon fn-icon-weibo"></i></a></li><li><a href="http://connect.qq.com/widget/shareqq/index.html?title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;desc=在优酷上看见这条视频还不错哦:%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;pics=&amp;site=优酷" target="_blank" title="分享给QQ好友"><i class="fn-icon fn-icon-qq"></i></a></li><li><a href="http://tieba.baidu.com/f/commit/share/openShareApi?url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;desc=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;pic=" target="_blank" title="分享到百度贴吧"><i class="fn-icon fn-icon-tieba"></i></a></li><li><a href="http://share.v.t.qq.com/index.php?c=share&amp;a=index&amp;title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C&amp;url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;appkey=e7ad0b0199994bda85ecc0a44ce9915f&amp;site=www.youku.com&amp;assname=youku2010&amp;pic=" target="_blank" title="分享到腾讯微博"><i class="fn-icon fn-icon-qqweibo"></i></a></li><li><a href="http://widget.renren.com/dialog/share?resourceUrl=//list.youku.com/show/id_9cd2277647d311e5b692&amp;pic=&amp;title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C" target="_blank" title="分享到人人网"><i class="fn-icon fn-icon-renren"></i></a></li><li><a href="http://www.douban.com/recommend/?url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;title=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C" target="_blank" title="分享到豆瓣"><i class="fn-icon fn-icon-douban"></i></a></li><li><a href="//v.youku.com/yixinShare/?url=//list.youku.com/show/id_9cd2277647d311e5b692&amp;content=%E7%BB%99%E5%A4%A7%E5%AE%B6%E5%88%86%E4%BA%AB%E3%80%8A%E5%BE%AE%E5%BE%AE%E4%B8%80%E7%AC%91%E5%BE%88%E5%80%BE%E5%9F%8E%E3%80%8B%2C%E8%AF%A6%E7%BB%86%E8%B5%84%E6%96%99%E5%9C%A8%E8%BF%99%E9%87%8C" target="_blank" title="分享到易信"><i class="fn-icon fn-icon-yixin"></i></a></li></ul></div><div class="p1"><h4>把视频贴到Blog或BBS&nbsp;&nbsp;<a href="//www.youku.com/help/view/fid/4#q2" target="_blank">怎么贴?</a></h4><div class="tipinfo"><span class="ps-label">推荐</span>通用代码可以让你的视频在iPhone、iPad上播放!</div><div class="item"><span class="label">通用代码: </span><input type="text" class="s-input" id="link2" value="<iframe height=498 width=510 src='http://player.youku.com/embed/XMTY5NDg2MzY5Ng==' frameborder=0 allowfullscreen></iframe>" /><span class="s-btn">复 制</span></div><div class="item"><span class="label">html代码: </span><input type="text" class="s-input" id="link3" value="http://player.youku.com/player.php/sid/XMTY5NDg2MzY5Ng==/v.swf" /><span class="s-btn">复 制</span></div><div class="item"><span class="label">flash地址: </span><input type="text" class="s-input" id="link4" value="<embed src='http://player.youku.com/player.php/sid/XMTY5NDg2MzY5Ng==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>" /><span class="s-btn">复 制</span></div><div class="share-item">分享视频到站外获取收益&nbsp;&nbsp;<a href="http://hz.youku.com/red/click.php?tp=1&amp;cp=4010780&amp;cpp=1000980&amp;url=http://cloud.youku.com/services/info?serid=8" target="_blank">查看详情</a></div></div><div class="p2"><p>手机扫码分享视频</p><p>二维码2小时内有效</p><div class="two-code"><img id="share_qrcode_img" src="//qr.youku.com/qr?sc=video_play&amp;ac=open&amp;ps={&quot;vid&quot;:&quot;423715924&quot;,&quot;spot&quot;:0,&quot;tp&quot;:1,&quot;cp&quot;:4010708,&quot;cpp&quot;:1000976}&amp;size=135" alt="" /></div><div class="clear"></div></div></div><div class="fn-panel fn-panel-download" id="panel_down" style="display: none;"><span class="pointer"><i class="fn-icon fn-icon-pointer"></i></span><div class="fn-panel-close" title="关闭"><i class="fn-icon fn-icon-close"></i></div><div class="panel-con clearfix"><div class="column column-left"><p class="dl-title">下载至电脑</p><div class="download-app-wrap" id="panel_down_notice"><i class="download-app-pc"></i></div><div class="download-app-btns" id="panel_down_btns"><a id="fn_pc_download_all" class="download-app-btn-blue" href="javascript:;">下载全集</a></div></div><div class="column column-right"><div class="column-con"><p class="dl-title">扫码用手机看</p><div class="v-qrcode" id="dimcode_pic"><i class="ico_play_dimcode"></i><img id="phone-qrcode-img" src="//qr.youku.com/qr?sc=video_play&amp;ac=open&amp;ps={&quot;vid&quot;:&quot;XMTY5NDg2MzY5Ng==&quot;,&quot;spot&quot;:0,&quot;tp&quot;:1,&quot;cp&quot;:4010708,&quot;cpp&quot;:1000976}&amp;size=135" alt="" /></div><p class="dl-ps">用<a href="//mobile.youku.com/index/wireless" target="_blank">优酷APP</a>或微信扫码在手机上继续观看</p><p class="dl-ps">二维码2小时内有效</p></div></div></div></div><div class="fn-panel fn-panel-phone-see" data-ref="fn-panel-phone-see" style="display: none"><span class="pointer"><i class="fn-icon fn-icon-pointer"></i></span><div class="fn-panel-close" title="关闭"><i class="fn-icon fn-icon-close"></i></div><div class="column column-left"><div class="column-con"><p class="ps-title">扫码用手机继续看</p><div class="ps-twocode"><img id="phone_qrcode_img" src="//qr.youku.com/qr?sc=video_play&amp;ac=open&amp;ps={&quot;vid&quot;:&quot;XMTY5NDg2MzY5Ng==&quot;,&quot;spot&quot;:0,&quot;tp&quot;:1,&quot;cp&quot;:4010708,&quot;cpp&quot;:1000976}&amp;size=135" alt="" /></div><p class="ps-ps">用<a href="//mobile.youku.com/index/wireless" target="_blank">优酷APP</a>或微信扫码在手机上继续观看</p><p class="ps-ps">二维码2小时内有效,扫码后可分享给好友</p></div></div><div class="column column-right"><div class="column-con"><p class="ps-title">没有优酷APP?立即下载</p><div class="ps-down-app"><span class="ico"><i class="fn-icon fn-icon-iphone"></i></span><a href="https://itunes.apple.com/cn/app/id336141475">iPhone客户端</a></div><div class="ps-down-app"><span class="ico"><i class="fn-icon fn-icon-ipad"></i></span><a href="https://itunes.apple.com/cn/app/id394075284">iPad客户端</a></div><div class="ps-down-app ps-orange"><span class="ico"><i class="fn-icon fn-icon-android"></i></span><a href="//dl.m.cc.youku.com/android/phone/Youku_Android_Pcyongshoujikan.apk">Android客户端</a></div><p class="ps-ps">请根据您的设备选择下载版本</p></div></div></div></div></div><div class="p-play"><a href="//v.youku.com/v_show/id_XMTY5NDg2MzY5Ng==.html" class="p-btn" target="_blank">立即播放</a></div></div></div></div><div class="mod-area-left"><div class="mod-new fix"><div class="h"><ul class="t_tab p-tab"><li class=""><a data-id="showInfo" class="content" href="javascript:void(0)">剧集列表</a></li><li class=""><a data-id="point" class="content" href="javascript:void(0)">分集剧情</a></li><li class=""><a data-id="around_2" class="content" href="javascript:void(0)">预告片</a></li><li class=""><a data-id="around_3" class="content" href="javascript:void(0)">花絮</a></li><li class=""><a data-id="around_4" class="content" href="javascript:void(0)">饭制</a></li><li class=""><a data-id="around_6" class="content" href="javascript:void(0)">MV</a></li><li class=""><a data-id="around_7" class="content" href="javascript:void(0)">独家</a></li><li class=""><a data-id="doubanComment" class="content" href="javascript:void(0)">豆瓣</a></li></ul></div><div class="c"><div class="tab-c" id="showInfo" ></div><div class="tab-c" id="point" ></div><div class="tab-c" id="around_2" ></div><div class="tab-c" id="around_3" ></div><div class="tab-c" id="around_4" ></div><div class="tab-c" id="around_6" ></div><div class="tab-c" id="around_7" ></div><div class="tab-c" id="doubanComment" ></div></div></div></div><div class="mod-area-right"><div class="mod-new mod-p-actor fix"><div class="p-h">演职员表</div><ul class="p-thumb-small fix"><li><dl><dt><a href="//list.youku.com/star/show/uid_UOTM2MjA=.html" target="_blank"><img src="http://r4.ykimg.com/05140000584A1D0367BC3C33220D92B5" alt="杨洋" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UOTM2MjA=.html" title="杨洋" target="_blank">杨洋</a></dd><dd class="c999">肖奈</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UNjkwODA=.html" target="_blank"><img src="http://r1.ykimg.com/0514000058537A8867BC3C40FA0DA6E3" alt="郑爽" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UNjkwODA=.html" title="郑爽" target="_blank">郑爽</a></dd><dd class="c999">贝微微</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMTU1NzAzNg==.html" target="_blank"><img src="http://r3.ykimg.com/0514000058468ADF67BC3C57E10D3003" alt="毛晓彤" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMTU1NzAzNg==.html" title="毛晓彤" target="_blank">毛晓彤</a></dd><dd class="c999">二喜</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQ1OTkyOA==.html" target="_blank"><img src="http://r1.ykimg.com/0514000057830FFD67BC3C5E0203A09A" alt="白宇" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQ1OTkyOA==.html" title="白宇" target="_blank">白宇</a></dd><dd class="c999">曹光</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQ1Mzc4NA==.html" target="_blank"><img src="http://r3.ykimg.com/051400005783108767BC3C632706998F" alt="秦语" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQ1Mzc4NA==.html" title="秦语" target="_blank">秦语</a></dd><dd class="c999">晓玲</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU1MTI2NA==.html" target="_blank"><img src="http://r4.ykimg.com/05140000576B8F6367BC3C116105D5F0" alt="宋欣佳怡" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU1MTI2NA==.html" title="宋欣佳怡" target="_blank">宋欣佳怡</a></dd><dd class="c999">丝丝</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU0OTc0NA==.html" target="_blank"><img src="http://r4.ykimg.com/051400005783116B67BC3C0E8D09D1EF" alt="马春瑞" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU0OTc0NA==.html" title="马春瑞" target="_blank">马春瑞</a></dd><dd class="c999">孟逸然</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzM0MTk2NA==.html" target="_blank"><img src="http://r4.ykimg.com/0514000054373F1567379F654F0D3564" alt="郑业成" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzM0MTk2NA==.html" title="郑业成" target="_blank">郑业成</a></dd><dd class="c999">郝眉</dd></dl></li></ul><ul class="p-thumb-small hide fix" id="hideThumb" style="display: none;"><li><dl><dt><a href="//list.youku.com/star/show/uid_UOTE2ODg=.html" target="_blank"><img src="http://r3.ykimg.com/05140000578311F367BC3C605801C581" alt="牛骏峰" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UOTE2ODg=.html" title="牛骏峰" target="_blank">牛骏峰</a></dd><dd class="c999">于半珊</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMTY1MjQzNg==.html" target="_blank"><img src="http://r1.ykimg.com/05140000578312D267BC3C635D0EB9B7" alt="崔航" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMTY1MjQzNg==.html" title="崔航" target="_blank">崔航</a></dd><dd class="c999">丘永侯</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQ5ODg0MA==.html" target="_blank"><img src="http://r1.ykimg.com/051400005783135567BC3C0EEF043A9B" alt="刘颖伦" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQ5ODg0MA==.html" title="刘颖伦" target="_blank">刘颖伦</a></dd><dd class="c999">雨瑶</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMjkwOTk3Mg==.html" target="_blank"><img src="http://r1.ykimg.com/05140000578313B967BC3C62E7016806" alt="张赫" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMjkwOTk3Mg==.html" title="张赫" target="_blank">张赫</a></dd><dd class="c999">甄少祥</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQ4Njc4OA==.html" target="_blank"><img src="http://r3.ykimg.com/051400005783149667BC3C64460E9E18" alt="陆妍淇" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQ4Njc4OA==.html" title="陆妍淇" target="_blank">陆妍淇</a></dd><dd class="c999">雷神妮妮</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU1MTI2OA==.html" target="_blank"><img src="http://r2.ykimg.com/05140000576B901067BC3C4D9B0EB2FE" alt="刘钰瑾" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU1MTI2OA==.html" title="刘钰瑾" target="_blank">刘钰瑾</a></dd><dd class="c999">蝶梦未醒</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQ2MTg3Mg==.html" target="_blank"><img src="http://r2.ykimg.com/0514000054C7172867379F72FC023B63" alt="周宸佳" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQ2MTg3Mg==.html" title="周宸佳" target="_blank">周宸佳</a></dd><dd class="c999">安娜</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQ1NjE4NA==.html" target="_blank"><img src="http://r1.ykimg.com/0514000054F81EC767379F2A6F02F979" alt="章涛" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQ1NjE4NA==.html" title="章涛" target="_blank">章涛</a></dd><dd class="c999">战天下</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTcyMA==.html" target="_blank"><img src="http://r3.ykimg.com/0514000057CCCC2A67BC3C1584057DA9" alt="胡浩博" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTcyMA==.html" title="胡浩博" target="_blank">胡浩博</a></dd><dd class="c999">阿爽</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzUwOTk4MA==.html" target="_blank"><img src="http://r1.ykimg.com/05140000565BE81D67BC3C2C1A0CA581" alt="小小白" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzUwOTk4MA==.html" title="小小白" target="_blank">小小白</a></dd><dd class="c999">阿力</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQ0Nzc4NA==.html" target="_blank"><img src="http://r4.ykimg.com/0514000056CEBA1167BC3C2987072A61" alt="蔡纲" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQ0Nzc4NA==.html" title="蔡纲" target="_blank">蔡纲</a></dd><dd class="c999">肖父</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU1NzQ0NA==.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="顾凯丽" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU1NzQ0NA==.html" title="顾凯丽" target="_blank">顾凯丽</a></dd><dd class="c999">肖母</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMTYxODUzMg==.html" target="_blank"><img src="http://r1.ykimg.com/0514000050C1AE939792734CC00175B3" alt="傅隽" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMTYxODUzMg==.html" title="傅隽" target="_blank">傅隽</a></dd><dd class="c999">贝爸</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTcyNA==.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="杨曼琴" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTcyNA==.html" title="杨曼琴" target="_blank">杨曼琴</a></dd><dd class="c999">贝妈</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU0NTg5Mg==.html" target="_blank"><img src="http://r1.ykimg.com/05140000574BAFC967BC3C24D904AE38" alt="杨雪莹" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU0NTg5Mg==.html" title="杨雪莹" target="_blank">杨雪莹</a></dd><dd class="c999">小雨青青</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTcyOA==.html" target="_blank"><img src="http://r1.ykimg.com/0514000057BBA66367BC3C16B80643CA" alt="宋雨晴" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTcyOA==.html" title="宋雨晴" target="_blank">宋雨晴</a></dd><dd class="c999">小雨霏霏</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU0MTU0MA==.html" target="_blank"><img src="http://r1.ykimg.com/0514000057DF51E067BC3C04050868A2" alt="刘倩妤" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU0MTU0MA==.html" title="刘倩妤" target="_blank">刘倩妤</a></dd><dd class="c999">小雨绵绵</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzM0MzEzMg==.html" target="_blank"><img src="http://r1.ykimg.com/0514000057DF5A8567BC3C45290211D0" alt="张彬彬" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzM0MzEzMg==.html" title="张彬彬" target="_blank">张彬彬</a></dd><dd class="c999">Ko</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMTU5NzA1Ng==.html" target="_blank"><img src="http://r1.ykimg.com/05140000583BDC7F67BC3C513C0B3E12" alt="黄柏钧" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMTU5NzA1Ng==.html" title="黄柏钧" target="_blank">黄柏钧</a></dd><dd class="c999">封总</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTczMg==.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="程弘" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTczMg==.html" title="程弘" target="_blank">程弘</a></dd><dd class="c999">甄总</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzI5ODczNg==.html" target="_blank"><img src="http://r4.ykimg.com/051400005728450467BC3C4E9500F4D1" alt="冷海铭" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzI5ODczNg==.html" title="冷海铭" target="_blank">冷海铭</a></dd><dd class="c999">李总</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU0ODk5Mg==.html" target="_blank"><img src="http://r2.ykimg.com/0514000057BBA72D67BC3C293D00ADFE" alt="刘顾浩" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU0ODk5Mg==.html" title="刘顾浩" target="_blank">刘顾浩</a></dd><dd class="c999">王总</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMTU1NjE4NA==.html" target="_blank"><img src="http://r4.ykimg.com/05140000548519F467379F6EC106A76C" alt="杨雨橙" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMTU1NjE4NA==.html" title="杨雨橙" target="_blank">杨雨橙</a></dd><dd class="c999">肖舅舅</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTczNg==.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="边城" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTczNg==.html" title="边城" target="_blank">边城</a></dd><dd class="c999">小阳</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTc0MA==.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="刘杭丽" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTc0MA==.html" title="刘杭丽" target="_blank">刘杭丽</a></dd><dd class="c999">人事</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTc0NA==.html" target="_blank"><img src="http://r4.ykimg.com/0514000057BBA83867BC3C293A091137" alt="李欣泽" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTc0NA==.html" title="李欣泽" target="_blank">李欣泽</a></dd><dd class="c999">阿彩</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UOTAxMDQ0.html" target="_blank"><img src="http://r4.ykimg.com/05140000558B95B667BC3C5D6D046ED5" alt="林玉芬" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UOTAxMDQ0.html" title="林玉芬" target="_blank">林玉芬</a></dd><dd class="c999">导演</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQxNjY4NA==.html" target="_blank"><img src="http://r1.ykimg.com/0514000055655D4067BC3C7DCD008A66" alt="顾漫" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQxNjY4NA==.html" title="顾漫" target="_blank">顾漫</a></dd><dd class="c999">编剧</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzQ2MDUyOA==.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="沈飞弦" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzQ2MDUyOA==.html" title="沈飞弦" target="_blank">沈飞弦</a></dd><dd class="c999">编剧</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTcxMg==.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="欧阳晓鋆" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTcxMg==.html" title="欧阳晓鋆" target="_blank">欧阳晓鋆</a></dd><dd class="c999">编剧</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzU2NTcxNg==.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="杨文婷" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzU2NTcxNg==.html" title="杨文婷" target="_blank">杨文婷</a></dd><dd class="c999">编剧</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UODYwMDky.html" target="_blank"><img src="//r3.ykimg.com/051000005847AA8567BC3D0D7605442E" alt="王建军" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UODYwMDky.html" title="王建军" target="_blank">王建军</a></dd><dd class="c999">监制</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzIwODcxMg==.html" target="_blank"><img src="http://r4.ykimg.com/051400005632DF6367BC3C483D0B0CB5" alt="卜宇" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzIwODcxMg==.html" title="卜宇" target="_blank">卜宇</a></dd><dd class="c999">监制</dd></dl></li><li><dl><dt><a href="//list.youku.com/star/show/uid_UMzI4Nzk4MA==.html" target="_blank"><img src="http://r3.ykimg.com/051400005729696467BC3C0D320497EF" alt="杨伟东" /></a></dt><dd><a class="c555 f13" href="//list.youku.com/star/show/uid_UMzI4Nzk4MA==.html" title="杨伟东" target="_blank">杨伟东</a></dd><dd class="c999">监制</dd></dl></li></ul><div class="p-more-actor"><span class="more-default" id="moreActor">更多演员</span></div></div><div class="mod-new p-tvc-ad"><div id="ab_855" data-adid="855"></div><span class="ad-flag hide" style="display: none;"></span></div><div class="mod-new p-tvc-ad"><div class="AD_banner" id="AD_banner"></div></div><div class="mod-new mod-p-related" id="relation"></div><div class="mod-new p-dl-ad"><div id="ab_856" data-adid="856"></div><span class="ad-flag hide" ></span></div></div></div></div><div class="g-footer">
    <dl class="g-w1">
    <dt>
    <a target="_blank" href="//c.youku.com/aboutcn/youtu">大优酷事业群</a> 
    <a target="_blank" href="//c.youku.com/aboutcn/youku">关于优酷</a> 
    <a target="_blank" href="http://www.tudou.com/about/cn/">关于土豆</a>
    </dt>
    <dd>
    <a target="_blank" href="//c.youku.com/abouteg/youtu">Youku Tudou Inc.</a>
    <a target="_blank" href="//c.youku.com/abouteg/youku">Youku.com</a>
    <a target="_blank" href="http://www.tudou.com/about/en/">Tudou.com</a>
    </dd>
    <dd>
    <a target="_blank" href="//c.youku.com/link">友情链接</a>
    <a target="_blank" href="//c.youku.com/aboutcn/adservice/">广告服务</a>
    </dd>
    </dl>
    <dl class="g-w2">
    <dt>
    优酷热门
    </dt>
    <dd>
    <a target="_blank" href="//tv.youku.com/">剧集</a>
    <a target="_blank" href="//movie.youku.com/">电影</a>
    <a target="_blank" href="//zy.youku.com/">综艺</a>
    <a target="_blank" href="//music.youku.com/">音乐</a>
    <a target="_blank" href="//child.youku.com/">少儿</a>
    <a target="_blank" href="//news.youku.com/">资讯</a>
    <a target="_blank" href="//paike.youku.com/">拍客</a>
    <a target="_blank" href="//jilupian.youku.com/">纪实</a>
    <a target="_blank" href="//gongyi.youku.com/">公益</a>
    </dd>
    <dd>
    <a target="_blank" href="//sports.youku.com/">体育</a>
    <a target="_blank" href="//auto.youku.com/">汽车</a>
    <a target="_blank" href="//tech.youku.com/">科技</a>
    <a target="_blank" href="//finance.youku.com/">财经</a>
    <a target="_blank" href="//ent.youku.com/">娱乐</a>
    <a target="_blank" href="//dv.youku.com/">原创</a>
    <a target="_blank" href="//comic.youku.com/">动漫</a>
    <a target="_blank" href="//fun.youku.com/">搞笑</a>
    <a target="_blank" href="//travel.youku.com/">旅游</a>
    </dd>
    <dd>
    <a target="_blank" href="//fashion.youku.com/">时尚</a>
    <a target="_blank" href="//baby.youku.com/">亲子</a>
    <a target="_blank" href="//edu.youku.com/">教育</a>
    <a target="_blank" href="//game.youku.com/">游戏</a>
    <a target="_blank" href="http://vip.youku.com/">会员</a>
    <a target="_blank" href="//faxian.youku.com/?from=PC_main_nav">发现</a>
    <a target="_blank" href="http://list.youku.com/category/video">片库</a>
    </dd>
    </dl>
    <dl class="g-w3">
    <dt>产品中心</dt>
    <dd>
    <a href="javascript:void(0);" class="ikuDownLoad" data-down-href="http://iku.youku.com/channelinstall/ywebbottom" data-down-mac="http://iku.youku.com/channelinstall/macyweb">PC客户端</a>
    <a target="_blank" href="//pd.youku.com/ido">优酷iDo</a>
    </dd>
    <dd>
    <a target="_blank" href="//mobile.youku.com/index/wireless">手机客户端</a>
    <a target="_blank" href="//pd.youku.com/paike">拍客</a>
    </dd>
    <dd>
    <a target="_blank" href="http://yj.youku.com/?hmsr=1119youku&hmpl=&hmcu=&hmkw=&hmci=">智能硬件</a>
    <a target="_blank" href="http://cloud.youku.com/">视频云</a>
    </dd>
    </dl>
    <dl class="g-w4">
    <dt>用户</dt>
    <dd>
    <a target="_blank" href="//zipindao.youku.com/zpd">自频道加油站</a>
    <a target="_blank" href="//hz.youku.com/red/click.php?tp=1&cp=4011029&cpp=1001005&url=http://rz.youku.com/yc">自频道认证</a>
    </dd>

    <dt>支持</dt>
    <dd>
    <a id="sttrans" href="javascript:void(0);">繁體版</a>
    <a target="_blank" href="http://www.youku.com/service/feed/">在线反馈</a>
    <!-- <a target="_blank" href="http://www.youku.com/help/">帮助中心 </a> -->
    </dd>
    </dl>
    <div class="g-hr"></div>
    <dl class="g-w1">
    <dd><a target="_blank" href="//mapp.youku.com/service/licence/">网络文化经营许可证 京网文[2014]0934-236号</a></dd>
    <dd><a target="_blank" href="//mapp.youku.com/service/20130209">京卫网审[2013]第0209号 </a> <a target="_blank" href="http://www.bj.cyberpolice.cn/index.htm">网络110报警服务</a></dd>
    <dd> 药品服务许可证(京)-经营-2015-0029</dd>
    <dd>
    节目制作经营许可证京字670号
    </dd>
    </dl>
    <dl class="g-w2">
    <dd>请使用者仔细阅读优酷<a target="_blank" href="//mapp.youku.com/service/agreement" class="mr0">使用协议</a>、<a target="_blank" href="//mapp.youku.com/service/banquan" class="mr0">版权声明</a>、<a target="_blank" href="//mapp.youku.com/service/piracy" class="mr0">反盗版盗链声明</a></dd>
    <dd>Copyright©2017 优酷 youku.com 版权所有</dd>
    <dd>不良信息举报电话: 4008100580</dd>
    <dd><a target="_blank" href="//mapp.youku.com/service/0108283">信息网络传播视听节目许可证0108283号</a></dd>
    </dl>
    <dl class="g-w3">
    <dd><a target="_blank" href="http://www.miibeian.gov.cn/">京ICP证060288号</a></dd>
    <dd><a target="_blank" href="//mapp.youku.com/service/chuban">新出网证(京)字160号</a></dd>
    <dd><a target="_blank" href="http://www.bjjubao.org/">北京互联网举报中心</a></dd>
    <dd><a target="_blank" href="http://www.bjwhzf.gov.cn/accuse.do">北京12318文化市场举报热线</a></dd>
    </dl>
    <dl class="g-w4">
    <a class="qcode" target="_blank" href="//mobile.youku.com/index/wireless"></a>
    </dl>
    <div class="g-authentication">
    <a class="aut-1" target="_blank" href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202006082400023">经营性网站<br/>备案信息</a>
    <a class="aut-2" target="_blank" href="http://www.itrust.org.cn/yz/pjwx.asp?wm=1786197705">中国互联网<br/>诚信联盟</a>
    <a class="aut-3" target="_blank" href="http://www.12377.cn/">中国互联网<br/>举报中心</a>
    <a class="aut-4" target="_blank" href="http://www.12377.cn/node_548446.htm">网络举报<br/>APP下载</a>
    <a class="aut-5" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000017">京公网安备<br/>11000002000017</a>
    <a class="aut-6" target="_blank" href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/0D76560AE65141FF9FEFE3481D205C50">网络文化<br/>经营单位</a>
    <a class="aut-7" target="_blank" href="http://www.12377.cn/">暴恐音视频<br/>举报专区</a>
    </div>
    </div>
    <script>var Local={"domain":{"test":"test.youku.com","default":"www.youku.com","passport":"login.youku.com","subscribe":"ding.youku.com","uc":"i.youku.com","video":"v.youku.com","rz":"rz.youku.com","userlive":"userlive.youku.com","esign":"hetong.youku.com","listpage":"list.youku.com","xinterest":"x.youku.com","ypartner":"yp.youku.com","interact":"hudong.pl.youku.com","creation":"creation.youku.com","uctg":"uctg.youku.com","playlists":"playlists.youku.com","static":"static.youku.com","static_https":"static.youku.com","nc":"nc.youku.com","passportOld":"passport.youku.com","subscribeDataFrom":"i.youku.com","static_ext":"static.ykimg.com","static_ext_js":"js.ykimg.com","static_ext_css":"css.ykimg.com"},"service":{"push":"push.youku.com","interact":"hudong.pl.youku.com"},"debug":false};</script><script type="text/javascript"> var PageConfig = { cateId:"97", cateName:"电视剧", channelUrl:"//list.youku.com/category/show/c_97.html", showid_en:"z9cd2277647d311e5b692", showid:"300389", videoId:"423715924", doubanKey:"0afdd4e8bbca840a20f97eba335f8c1e", doubanId:"26427831", ownerId:"794898482", size:"40", copytoclip:1 };</script><script src="//js.ykimg.com/youku/dist/js/lib_12.js" id="libjsnode"></script><script src="//js.ykimg.com/youku/dist/js/g_50.js"></script><script src="//js.ykimg.com/youku/dist/js/page/find/g_85.js"></script><script src="//js.ykimg.com/youku/dist/js/page/find/program/program_14.js"></script></body></html>

     

     

     

     

     

     

     

     

     

     

     

     新建页面下载工具类PageDownLoadUtil 

    附上代码:

    package zhouls.bigdata.mySpider.util;

    import java.io.IOException;

    import org.apache.http.HttpEntity;
    import org.apache.http.client.ClientProtocolException;
    import org.apache.http.client.methods.CloseableHttpResponse;
    import org.apache.http.client.methods.HttpGet;
    import org.apache.http.impl.client.CloseableHttpClient;
    import org.apache.http.impl.client.HttpClientBuilder;
    import org.apache.http.impl.client.HttpClients;
    import org.apache.http.util.EntityUtils;

     


    /**

    * @author zhouls
    * created by 2017/1/11
    *
    */
    public class PageDownLoadUtil {
    public static String getPageContent(String url){
    HttpClientBuilder builder = HttpClients.custom(); //这是使用HttpClient来构造登录信息, 好的博客,见https://segmentfault.com/a/1190000003013451
    CloseableHttpClient client = builder.build();

    HttpGet request = new HttpGet(url);//创建一个get请求
    String content = null;
    try {
    CloseableHttpResponse response = client.execute(request);
    HttpEntity entity = response.getEntity();//获取HttpGet
    content = EntityUtils.toString(entity,"utf-8");//将HttpGet转换成string
    } catch (ClientProtocolException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    } catch (IOException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }
    return content;//这个值,就是我们需要的页面内容

    }

    public static void main(String[] args) {
    String url = "http://list.youku.com/show/id_z9cd2277647d311e5b692.html?spm=a2h0j.8191423.sMain.5~5~A!2.iCUyO9";
    String content = PageDownLoadUtil.getPageContent(url);
    System.out.println(content);
    }
    }

     

     

     

    成功,爬取到网页的源代码!



    本文转自大数据躺过的坑博客园博客,原文链接:http://www.cnblogs.com/zlslch/p/6275662.html,如需转载请自行联系原作者

    展开全文
  • 大家好,本篇文章分享企业网站服务项目的布局样式,这种布局样式通常用于企业网站首页,企业可以向客户提供的服务内容,... 简单实用 程序以简单、实用为主,采用标准HTML5响应式开发,让网站自动适应用户终端设备如...
  • HTML5 For Web Designers下载器 下载的源代码以供离线学习。 除了精彩的内容之外,它的标记是一个非常简单易读的示例: 离线缓存 响应式网页设计 微型格式 CSS3 自定义字体 每次我挖掘它时,都会得到更多 download...
  • 如果遇到什么问html+css编写的个人主页,适合初学html者学习,代码比较简单,初学者也可以看懂,界面很好看清新,可以作为模板自己改一下作为自己的个人主页。我在我自己的网站上做了个DIV+CSS的网站,喜欢DI...
  • 说起《水果忍者》,恐怕没几个人不认识的吧。它是 iOS、Android 等手机平台上一款极受欢迎的休闲游戏,不得不说,它简单有趣的...而今天要介绍的则是一个由 HTML5+Javascript 技术编写的“水果忍者”,和之前介绍过的
  • ❤100款程序员爱情❤520/表白/七夕情人节/求婚❤专用html5+css3+js 炫酷动画网页源代码(建议收藏) ❤解决上线问题> (不需要服务器就能免费部署上线)部署上线工具(永久可用) 不需要买服务器就能部署线上,全世界...
  • 31.简单网页留言板26:36 32.video元素与audio元素的基础知识20:10 33.video元素与audio元素的常用属性32:18 34.HTML5拖放22:41 35.CSS3简介04:11 36.CSS3新增的属性选择器22:17 37.结构性伪类选择器上28:52 38....
  • 读者可根据相应的使用说明直接使用这些源代码。 一、基础知识部分 此部分是指文件夹名为第1~9章中的内容(如表1),这些是书中介绍JSP相关知识的源代码。文件的命名规则与书中相应源代码文件名一致。读者可将相关...
  • 它是 iOS、Android 等手机平台上一款极受欢迎的休闲游戏,不得不说,它简单有趣的“切水果”方式真心讨好了不少人,无论是男女老少,多少都有几个人喜欢无聊时砍几把~虽然水果忍者官方并没有推出网页版,但网上已有...
  • 源代码: <html> <style> #myChart1, #myChart2,#myChart3,#myChart4,#myChart5,#myChart6, #barChart1, #barChart2,#barChart3,#barChart4,#barChart5,#barChart6 { display: inline !important;...
  • 文件名称: zyUpload下载 收藏√ [5 4 3 2 1]开发工具: PHP文件大小: 313 KB上传时间: 2015-06-18下载次数: 0提 供 者: 路迪详细说明:使用方法也很简单:1、除了index.html文件,其他的一一对应上传到你的网页目录下...
  • 校园篮球网页设计网页知识点应用网页作品介绍网页HTML代码网页效果预览网页源地址 网页知识点应用 DIV CSS布局、网页背景图片、图片轮播切换、CSS3简鼠标经过放大及动态载入效果、CSS3圆角及背景透明效果、鼠标经过...
  • 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很简单甚至不算是...
  • 郑州旅游网页设计制作知识点应用作品介绍网页首页效果网页文件首页部分HTML代码作品地址 知识点应用 JavaScript弹窗、表单、网页背景图、鼠标经过动态菜单、DIV CSS布局 作品介绍 作业成品为我的家乡类网页制作,...
  • Android是一种融入了全部Web应用的平台,随着版本的更新,从最初的触屏到现在的多点触摸,从普通的联系人到现在的数据同步,从简单的Google Map到现在的导航系统,从基本的网页浏览到现在的HTML5,这都说明Android...
  • 一共27个各式各样的CSS3动画效果源代码,内容如下:纯CSS3模拟风车转动效果纯css3云彩动画效果纯css3制作出来的狐狸尾巴燃烧效果纯CSS3模拟跳动的音乐音符效果多种css3滚动下拉动画加载效果css3颗粒全屏动画效果懒人...
  • 1.本书1~21章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:UltraEdit12.10a、eclipse-jee-europa Web浏览器:Microsoft Internet Explorer 6.0及以上版本 ...
  • jQuery权威指南-源代码

    2013-11-11 14:36:34
    1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单应用/7 1.2.1 jQuery访问DOM对象/7 1.2.2 jQuery控制DOM对象/7 1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 jQuery 选择器/12 2.1 jQuery选择器概述/...
  • ASP.NET精品课程+源代码

    千次下载 热门讨论 2009-01-05 20:15:51
    涵盖了代码规范、运行模型、服务控件、验证控件、数据绑定技术、ADO.NET技术、数据库技术、文件操作等内容。 所列出的内容均是ASP.NET开发网站等应用的必备知识。我们在实训课题引入的前提下,通过一系列完整的案例...
  • 8、强大的(信息)采集系统,可采文章信息,方便用户系统性的收集信息,使用简单,只需懂点html基础代码即可;支持内容、列表分页采集、多重过滤和内容字符替换:支持远程保存图片、批量入库操作、可预览采集结果。 9、...
  • Android开发应用实战详解源代码

    热门讨论 2012-12-31 10:20:37
    8.3 使用html代码 8.4 用浏览器打开网页 8.5 将网络照片放入gallery中显示 8.6 网络音乐播放 8.7 远程下载铃声 8.8 远程下载背景 8.9 上传服务器 8.10 简易rss阅读器 8.11 远程下载安装android程序 8.11.1 apk简介 ...
  • 5.查询条件组合辅助类(SearchCondition.cs) 6.查询信息实体类(Search Info.cs) 8.Sql命令操作函数(可用于安装程序的时候数据库脚本执行)(SqlScriptHelper.cs) ----------Device-------------- 声音播放辅助...
  • 专业制作地方门户网页模板,asp.net地方门户网站系统,生成html静态文件的地方信息港网站系统源代码,地方生活信息网站模板下载,地方同城购物门户网站模板,mssql版带团购功能的门户网站源码,地方门户网站模板,地方综合...
  • 《JavaScript实例精通》[源代码]

    热门讨论 2012-09-21 21:09:18
    14_10.htm 禁止察看源代码。 14_11.htm 自动弹出式窗口。 14_12.htm 自动滚屏。 第15章(\15) 示例描述:JavaScript操作表格和DOM。 15_1.htm 动态添加表格。 15_2.htm 获取表格的某行。 15_3.htm ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 387
精华内容 154
关键字:

html5简单网页源代码