网易新闻客户端

<!DOCTYPE html> <html class="no-js" lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <meta name="renderer" content="webkit" /> <meta name="model_url" content="http://www.163.com/special/00774IQ6/newsapp.html" /> <title>网易新闻客户端</title> <meta name="Keywords" content="网易新闻客户端新闻资讯有态度跟贴手机客户端海量新闻 " /> <meta name="Description" content="网易新闻客户端，激发每个人思考。" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <base href="https://static.ws.126.net/utf8/3g/newsapp/20180122144455/holder/" /> <meta name="apple-mobile-web-app-title" content="网易新闻" /> <script> if (!!navigator.userAgent.match(/mobile/i)) { window.location.href = 'http://3g.163.com/newsapp' } </script> <script src="https://static.ws.126.net/utf8/pc/lib/modernizr.js"></script> <link type="text/css" rel="stylesheet" href="https://static.ws.126.net/utf8/3g/newsapp/20180122144455/styles/pc_index.css" /> </head> <body> <div class="m-container"> <div class="m-header"> <div class="inner"> <a class="logo"></a> <span class="name">网易新闻客户端</span> <ul class="links clearfix"> <li><a class="index">首页</a></li> <li><a href="https://m.163.com/wap/special/newsapp/#download">下载</a></li> <li><a href="https://m.163.com/wap/special/newsapp/#aboutus">关于我们</a></li> <li><a href="https://m.163.com/wap/special/newsapp/#contact">联系我们</a></li> </ul> </div> </div> <div class="m-content"> <div class="banner"> <ul> <li class="img-1 active"> <img src="https://static.ws.126.net/163/f2e/newsapp/images/image1.jpg" /> </li> </ul> <a class="download" href="https://m.163.com/wap/special/newsapp/#download"></a> </div> <div class="feature"> <ul> <li class="feature-1 clearfix"> <div class="left"> <div class="inner" style=" background-image: url(https://static.ws.126.net/163/f2e/newsapp/images/logo.jpg?1); background-position: 0 0; background-size: cover; " ></div> </div> <div class="right"> <p>新闻≠复制粘贴</p> <p>我们试图距离真相更近一步</p> <div class="text"> <div>有趣，尖锐，独家，深度，在这里看到新闻另一面</div> <div>同样的新闻，不一样的解读方式</div> <div>可以诙谐幽默，也可以尖锐独到，更可以用数据说话彰显权威</div> <div>网易精品原创栏目，总有一种解读适合你</div> </div> </div> </li> <li class="feature-2 clearfix"> <div class="left"> <div class="inner" style=" background-image: url(https://static.ws.126.net/163/f2e/newsapp/images/comment.jpg); background-position: 0 0; background-size: cover; " ></div> </div> <div class="right"> <p>网易跟贴大楼深藏民间高手</p> <div class="text"> <div>有人来这里看新闻，有人来这里看『大神』</div> <div>盖楼作诗，槽点犀利，来网易跟贴，写出你的态度</div> <div>我们激发每个人思考，态度就在你身上</div> </div> </div> </li> <li class="feature-3 clearfix"> <div class="left"> <div class="inner" style=" background-image: url(https://static.ws.126.net/163/f2e/newsapp/images/wyh.jpg); background-position: 0 0; background-size: cover; " ></div> </div> <div class="right"> <p>定制化阅读更懂你的新闻资讯APP</p> <div class="text"> <div>智能推送，给你真正感兴趣的资讯。海量订阅源，捍卫你自主选择的权力</div> <div>拒绝千篇一律，给每个读者，更适合的资讯</div> </div> </div> </li> </ul> </div> <div class="carousel" style="height: 0; overflow: hidden"> <div class="inner"> <div class="mask"> <div class="words-wrap"> <span class="icon icon-1"></span> <span class="words">存善心，结善缘。</span> <span class="icon icon-2"></span> </div> <div class="name-wrap"><div class="name">孙俪</div></div> </div> <div class="gallery"> <ul class="clearfix"> <li data-name="孙俪" data-words="存善心，结善缘。"><img src="../images/carousel-2.jpg" /></li> <li data-name="阿米尔汗" data-words="If you love something, set it free."> <img src="../images/carousel-1.jpg" /> </li> <li data-name="朗朗" data-words="音乐让世界更平等。"><img src="../images/carousel-3.jpg" /></li> <li data-name="黄渤" data-words="让环保从名词变成动词。"> <img src="../images/carousel-4.jpg" /> </li> <li data-name="巴乔" data-words="我的人生态度是传递快乐。"> <img src="../images/carousel-5.jpg" /> </li> <li data-name="朴树" data-words="从容自由，像棵树一样活着。"> <img src="../images/carousel-6.jpg" /> </li> <li data-name="章子怡" data-words="不止爱情，生活值得冒险。"> <img src="../images/carousel-7.jpg" /> </li> <li data-name="林丹" data-words="没有什么比过程更重要。"> <img src="../images/carousel-8.jpg" /> </li> </ul> </div> <div class="indicator"></div> <div class="prev"></div> <div class="next"></div> </div> </div> <div class="awards" style="margin-top: 656px"> <div class="wrap"><div class="inner"></div></div> </div> <div class="brands"></div> </div> <div class="m-footer"> <div class="inner clearfix"> <div class="column column-1"> <a href="https://m.163.com/links/4633" class="ios" title="适用于苹果系统的手机和平板电脑" target="_blank" ></a> <a href="https://m.163.com/wap/special/newsapp/#download" title="适用于安卓系统的手机和平板电脑" target="_blank" class="android" ></a> </div> <div class="column column-3"> <a href="https://ir.netease.com/">ABOUT NETEASE</a> <a href="http://gb.corp.163.com/gb/about/overview.html">公司简介</a> <a href="http://gb.corp.163.com/gb/contactus.html">联系方法</a> <a href="https://hr.163.com/">招聘信息</a> </div> <div class="column column-4"> <a href="https://help.163.com/">客户服务</a> <a href="http://gb.corp.163.com/gb/legal.html">隐私政策</a>  </div> <div class="qr"></div> </div> <div class="copyright"> <span class="icon">©</span> 1997-2025 网易公司版权所有 </div> </div> </div> <script type="text/javascript"> window._ntes_nacc = 'mapp' window.neteaseTracker && window.neteaseTracker() ;(function (w, d, s, n) { var f = d.getElementsByTagName(s)[0], k = d.createElement(s) k.async = true k.src = '//static.ws.126.net/utf8/3g/analytics/data1/' + n + '.js' f.parentNode.insertBefore(k, f) })(window, document, 'script', 'NTM-CQNTS2VV-2') </script> <script src="https://static.ws.126.net/utf8/pc/lib/jquery.min.js"></script> <script src="https://static.ws.126.net/utf8/pc/lib/jquery.jcarousel.min.js"></script>  <script> ;(function () { var a ;(a = function (a, b) { var c return ( (c = 0), function () { var d, e ;(e = this), (d = arguments), Date.now() - c < b || ((c = Date.now()), a.apply(e, d)) } ) }), (function () { var b, c, d, e, f, g, h return ( (h = 1200), (f = 545), (e = 0), (d = $('.banner')), (c = function () { return ( (h = document.documentElement.clientWidth), (f = h > 1200 ? (886 * h) / 1920 : 545), (e = $('.feature').offset().top), 1200 > h ? ($('.download').css({ bottom: 84, right: 193 - (1200 - h), }), $('.feature').css({ marginTop: '-32.8611px', })) : ($('.feature').css({ marginTop: -((40 * h) / 1440), }), $('.download').css({ bottom: (120 * f) / 664.5, right: (275 * h) / 1440, })), d.find('ul').css({ height: f + 'px', }) ) }), c(), $(window).on('resize', a(c, 100)), (g = d.find('li')), (b = 0), (function () { var a return ( (a = $('.feature li')), $(window).on('scroll', function (b) { var c ;(c = $(window).scrollTop() + f), c > e && a.eq(0).addClass('active'), c > e + 200 && a.eq(1).addClass('active'), c > e + 600 && a.eq(2).addClass('active') }) ) })() ) })() // function() { // var a, b; // return b = $(".carousel .words"), // a = $(".carousel .name"), // $(".gallery ul").css({ // width: "9600px" // }), // $(".gallery").jcarousel({ // wrap: "circular", // transitions: Modernizr.csstransitions ? { // transforms: Modernizr.csstransforms, // transforms3d: Modernizr.csstransforms3d, // easing: "ease" // } : !1 // }).on("jcarousel:targetin", "li", function(c, d) { // b.text($(this).attr("data-words")), // a.text($(this).attr("data-name")) // }), // $(".indicator").on("jcarouselpagination:active", "a", function() { // $(this).addClass("active") // }).on("jcarouselpagination:inactive", "a", function() { // $(this).removeClass("active") // }).on("click", function(a) { // a.preventDefault() // }).jcarouselPagination({ // item: function(a) { // return '<a href="#' + a + '"></a>' // } // }), // $(".carousel .prev").jcarouselControl({ // target: "-=1" // }), // $(".carousel .next").jcarouselControl({ // target: "+=1" // }) // }(), // function() { // var b; // return b = function() { // return setTimeout(function() { // var a, b, c, d, e, f; // return a = $(".carousel"), // d = document.documentElement.clientHeight, // e = $(".feature ul").height(), // f = $(".feature").eq(0).offset().top, // b = $(".carousel").height(), // c = e + f - d + b, // $(".awards").css({ // marginTop: "1206px" // }), // $(window).on("scroll", function(b) { // var g; // g = $(window).scrollTop(), // g > e + f - d - 100 ? a.show() : a.hide(), // g > c ? a.hasClass("scroll") || (a.css({ // top: e + f // }), // a.addClass("scroll")) : a.hasClass("scroll") && (a.css({ // top: "auto" // }), // a.removeClass("scroll")) // }) // }, 100) // } // , // b(), // $(window).on("resize", a(b, 100)) // }() }).call(this) </script> </body> </html>

CINXE.COM

网易新闻客户端