轮播图

2019-04-15 16:22发布

更新(sublimeText3) <html><head><style type="text/css">style>head><body><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>bootstrap网页title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js">script> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js">script> <style> body{ text-align: center; margin: 0; padding: 0; } .box{ height: 300px; padding: 15px; margin-bottom:60px; } .carousel-inner .item img{ width: 100%; } .container{ margin-top:60px; } .container .box img{ width: 80px; border-radius: 50%; margin-bottom: 15px; } @media(min-width: 992px) { .container { width: 940px; } } @media(min-width: 1200px) { .container { width: 1170px; } } @media(min-width: 1200px) { .container { width: 1170px; } } @media(min-width: 1700px) { .container { width: 1470px; } } style> head> <body> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navber-header"> <a class="navbar-brand" href="#">RWBYa> div> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-user">span>注册a>li> <li><a href="#"><span class="glyphicon glyphicon-log-in">span>登录a>li> ul> div> nav> <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active">li> <li data-target="#myCarousel" data-slide-to="1">li> <li data-target="#myCarousel" data-slide-to="2">li> ol> <div class="carousel-inner"> <div class="item active"> <img src="http://img4.duitang.com/uploads/blog/201309/20/20130920170312_e4LLT.jpeg" alt="1"> <div class="carousel-caption">"小红帽的逆袭"div> div> <div class="item"> <img src="http://cdn.duitang.com/uploads/blog/201309/20/20130920170512_W4PnR.jpeg" alt="2"> <div class="carousel-caption">"小红帽的逆袭"div> div> <div class="item"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505467200355&di=c58ab45fdd8eee8b88aa584ffd140c78&imgtype=0&src=http%3A%2F%2Ftp.lingyu.me%2Fwp-content%2Fuploads%2F2016%2F03%2F20160324132626332.jpg" alt="4"> <div class="carousel-caption">"小红帽的逆袭"div> div> div> div> <div class="container"> <div class="row"> <div class="box col-lg-2 col-md-3 col-sm-4 col-xs-6 col-lg-offset-2 coi-xs-8 col-xc-offset-2"> <header> <img src="https://p1.ssl.qhmsg.com/dr/220__/t019180443b7e5d58df.png" alt=""> <p>:ruby rosep> header> <p>Ruby Rose(鲁比·洛斯或露比·罗丝),擅长狙击。p> <p>惯用手:左手,但两只手都能运用自如p> <p>发 {MOD}:黑 {MOD}短发,发梢挑染红 {MOD}p> <p>衣服:黑红 {MOD}哥特式衣裙、黑裤袜和长筒靴,总是随时穿着鲜红 {MOD}的连帽斗篷。p> <p>武器:新月玫瑰(Crescent Rose)p> <p>国籍: 溪谷王国(Vale)p> <p>外像力:急速(speed)p> <p>身份:RWBY小队的队长,亦是本作的主角p> div> <div class="box col-lg-2 col-lg-offset-0 col-md-3 col-md-offset-0 col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2 "> <header> <img src="https://p1.ssl.qhmsg.com/dr/220__/t01fb6d9cd677dad4bd.png" alt=""> <p>:Weiss Schneep> header> <p>Weiss Schnee(魏丝·雪倪),善于使用魔法攻击及剑术。p> <p>惯用手:左手使用武器,右手发动能力p> <p>发 {MOD}:银白p> <p>衣服:白 {MOD}过渡到淡蓝的短裙、内测为正红 {MOD}的立领外套,高跟长筒靴。p> <p>武器:柳叶白菀(Myrtenaster)p> <p>国籍:擎天王国(Atlas)p> <p>外像力:雕文(Glyphs)p> <p>身份:RWBY队员,雪倪尘晶公司的女继承人p> p> div> <div class="box col-lg-2 col-lg-offset-0 col-md-3 col-md-offset-0 col-sm-4 col-sm-offset-2 col-xs-8 col-xs-offset-2"> <header> <img src="https://p1.ssl.qhmsg.com/dr/220__/t015daf3872c6a24d60.png" alt=""> <p>:Blake Belladonnap> header> <p>Blake Belladonna(布蕾克·贝拉多娜),擅长辅助作战。p> <p>惯用手:右手p> <p>发 {MOD}:黑长卷p> <p>衣服:黑 {MOD}高跟鞋、长筒袜,双手缠黑缎带,上身无袖背心燕尾服;下身白 {MOD}打底裤。p> <p>武器:跃影飞凌(Gambol Shroud)p> <p>国籍:无p> <p>外像力:残影(Shadow)p> <p>身份;RWBY队员,弗纳人(Faunus),原"白牙"组织成员p> div> <div class="box col-lg-2 col-lg-offset-0 col-md-3 col-md-offset-0 col-sm-4 col-sm-offset-0 col-xs-8 col-xs-offset-2"> <header> <img src="https://p1.ssl.qhmsg.com/dr/220__/t01b378e440c70ef2fa.png" alt=""> <p>:Yang Xiao longp> header> <p>Blake Belladonna(布蕾克·贝拉多娜),擅长辅助作战。p> <p>惯用手:右手p> <p>发 {MOD}:金 {MOD}卷发p> <p>衣服:牛仔风格服装,使用一双能当机关枪射击子弹的拳击手套"E。p> <p>武器:Ember Celica(灰烬天堂),拳击,体术。p> <p>国籍: 溪谷王国(Vale)p> <p>外像力:释放火焰,吸收能量p> <p>身份;RWBY队员,弗纳人(Faunus),原"白牙"组织成员p> div> div> div> <script> $(function(){ $('.carousel').carousel({ interval:2000, wrap:true }) }) script> <br/> <br/> <br/> <br/> <br/> <br/> <div class="container" id="about" name="about"> <div class="row white"> <br> <h1 class="centered">《RWBY》h1> <hr> <div class="col-lg-6"> <p>《RWBY》(发音同Ruby)是一部在2013年7月播出的原创网络动画。R、W、B、Y 分别是英语红白黑黄的首字母,代表的分别是四位女主角的主题 {MOD}。 由美国Rooster Teeth Productions(公鸡牙齿)动画工作室RWBY团队制作,原作者兼前导演为已故动画家Monty Oum(蒙特·乌姆)。p> div> <div class="col-lg-6"> <p>本作的背景设定在类现代但是充满着超自然力量的世界。主要角 {MOD}为四个拥有各自的特殊能力(外像力)及武器的女孩:一个是少年英雄,一个是尊贵的女继承人,一个是迷惘的侠盗,一个是派对女孩。她们因各种原因聚在一起组成"RWBY"小队并接受训练,一心致力于对抗肆意横行"树㎴子"(Remnant)奇幻世界的邪恶力量。在此之前,人类为了生存,发起了对戮兽(Grimm)的战争,直到他们发现"尘晶"(Dust)可以被用作魔力来源,这让人类得以对抗它们,并建立了文明世界。p> div> div> div> <section class="section-divider textdivider divider1" style="background:url('http://www.gamez.com.tw/data/attachment/forum/201407/11/214930g2mzq00gtamlaz28.png') no-repeat; background-size: cover;"> <div class="container"> <br/> <br/> <h1>四 {MOD}战记/红白黑黄h1> <hr> <p>原作:Monty Oum 导演:Monty Oum 编剧:Monty Oum 剧本:Monty Oum 出品人:Monty Oump> <br/> <br/> div> section> <br/> <br/> <div class="container" id="services" name="services"> <div class="row"> <h2 class="centered">简评h2> <hr style="color: #333333;"> <br> <div class="col-lg-offset-2 col-lg-8"> <p>RWBY是一部试图向日漫致敬却又不流于日漫的美国动漫。p> <p>美国时间2014年3月31日被网络电视国际学院(International Academy of Web Television,IAWTV)评为2014年全美最佳电视动画连续剧。 p> <p>美国时间2014年9月6日荣获Dick Clark Productions(迪克·克拉克工作室)和Tubefilter公司联合颁发的2014年度Streamy Awards(河流奖)。p> div> div> <div class="row"> <h2 class="centered">网评摘录h2> <hr> <br> <div class="col-lg-offset-2 col-lg-8"> <p>觉得这片子最大的意义还是揭露了这样一个事实,或者说我认为抽了大部分国产动漫一个响亮的耳光:p> <p>一部动漫甚至包括其他影视,质量其实和金钱成本并不是必然挂钩的。RWBY在有限的经费下,制作上就懂得该详则详,该略则略;突出主体人设,聚焦动作设计,背景艺术风格化,剧情设定与对白台词也并不敷衍了事。其导演也是华裔/亚裔的优秀人才,擅于设计人物打斗动作。 p> <p>设计做不好,故事讲不好,审美素养跟不上,没有哪怕一点点创造意识,把动漫等同于忽悠小朋友的“卡通”又或者是说教工具,砸再多钱也只能做出一盘翔,优酷的国产动漫频道已经有太多这样的“一点也不有趣”的奇葩。p> <p>不要再把做不出好作品归结于“投资少缺钱”又或是“审查”这样的借口上了。题材也不是只有照搬三国、历史、名著、或者各种小动物。RWBY就是这样一部“好看的”“有趣的”“很酷的”“非TV播映的”网络放送动画。p> <br> <br> <br> <img class="img-responsive; text-align:center;" src="https://imgsa.baidu.com/forum/pic/item/584a5e9b033b5bb575a7d41c36d3d539b700bc5b.jpg?v=tbs" alt=""> div> div> div> <div id="rwby" style="margin-top:100px;height:370px;width:1160;"> <img src="https://img3.doubanio.com/view/photo/large/public/p2501672504.jpg"> div> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <div class="container" id="other" name="other"> <br> <div class="row white centered"> <h1 class="centered">其他人物h1>div> div> <div class="col-lg-3 centered"> <div> <img style="width:300px;height:425px;" src="https://imgsa.baidu.com/forum/pic/item/c28529166d224f4a1b8565040bf790529822d103.jpg"> div> <br> <h4><b>Pyrrha Nikosb>h4> <p>信标学院(Beacon)的学生,为"JNPR"(发音同Juniper,意为杜松)队的队员,拥有艳红 {MOD}马尾、翡翠绿 {MOD}眼影和瞳仁的少女。性格成熟冷静、善良正直。p> <p>Pyrrha拿着一把融合带瞄准镜的来复枪、标枪、剑,名为"倾诉(Miló)"的细长型武器,以及一个名为"聆听(Akoúo)"的希腊风格的圆形金属盾牌,既可防御又可作为武器投掷。平时Pyrrha将武器收纳在背上。p> div> <div class="col-lg-3 centered"> <div> <img style="width:300px;height:425px;" src="https://imgsa.baidu.com/forum/pic/item/4384e88ba61ea8d349156213950a304e251f5874.jpg">div> <br> <h4><b>Jaune Arcb>h4> <p>信标学院(Beacon)的学生,为"JNPR"(发音同Juniper,意为杜松)队的队长。金 {MOD}短发和蓝 {MOD}双眸的瘦高青年男子。性格略懦弱内向,多次出糗。非常善良热心。p> <p>Jaune的武器是名为Crocea Mors(黄之死亡)的剑与鞘盾的组合,是其曾参加过伟大战争(The Great War)的高祖父传下来的装备,盾牌上印有Jaune的个人纹章,能够折叠成剑鞘。暂时看来并无配备使用尘晶(Dust)的部件,但或许具有强大的力量。p> div> <div class="col-lg-3 centered"> <div> <img style="width:300px;height:425px;" src="https://imgsa.baidu.com/forum/pic/item/06772136acaf2edddad35ffe8f1001e939019301.jpg">div> <br> <h4><b>Nora Valkyrieb>h4> <p>信标学院(Beacon)学生,JNPR(发音同Juniper,意为杜松)队员之一。橘 {MOD}短发的少女,碧蓝 {MOD}双眸,一身运动风格的上衣和粉红 {MOD}短裙,上身有金属材质护甲,双臂戴白 {MOD}护臂,双手戴粉 {MOD}露指手套。脚穿白 {MOD}短靴。Nora性格活泼,好动不休,开朗健谈,体力非常充沛,是个在战斗中也能随时保持开心和找到乐趣的超天然开朗少女。p> <p>Nora的武器名为"神威战锤(Magnhild)",是一把能够转换成类似于中世纪欧洲的双手长柄T形战锤的六连发枪榴弹发射器,两种形态都是重武器,平时背在背上。p> div> <div class="col-lg-3 centered"> <div> <img style="width:300px;height:425px;" src="https://imgsa.baidu.com/forum/pic/item/58467530e924b899b70b6f2f6c061d950a7bf674.jpg">div> <br> <h4><b>Lie Renb>h4> <p>信标学院(Beacon)的学生,为"JNPR"(发音同Juniper,意为杜松)队的队员。一位有着中国特 {MOD}的瘦削少年,特征是穿着墨绿 {MOD}黑边长摆有中国清代长袍马褂风格的服装和白 {MOD}长裤,鞋为黑 {MOD}。性格冷静细腻、平和低调。p> <p>Lie Ren拿着一对搭配刀刃的草绿 {MOD}冲锋手枪"风暴之花(Storm Flower)",可以折叠变形后收纳在其袖子里。射程很短,仅仅适用于近距离交火,而且穿透性能相当低;但是射速相当高,达到了1100RPM,仅次于Blake Belladonna的武器"跃影飞绫"。p> div> div> div> <section class="section-divider textdivider divider3" style="background:url('images/bg/divider3.jpg');"> <div class="container"> <h1>DESIGN SOLVE PROBLEMSh1> <hr> <p>From the purely practical to the richly philosophical, design is the solution to a host of challenges.p> div> section> <div class="container"> <div class="row"> <div class="col-lg-3 centered" style="margin-top: 20px;margin-left:60px;"> <table> <tr> <td width="300" height="100" style="padding-top:10px;font:16px 华文新魏;background-color: rgba(255,255,255,0.5);">“Penny,你的时代会来临的。”td> <div class=".col-xs-6 .col-md-4" style="margin-top: 20px;margin-left:30px;"> <td><img style="width:380px;height:240px;" src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/crop%3D95%2C0%2C1089%2C719%3Bc0%3Dbaike150%2C5%2C5%2C150%2C50/sign=b5eb667b133853439880dd61ae2a8552/1c950a7b02087bf48a10c2fef1d3572c11dfcf2d.jpg">td> <td width="300" height="100" style="padding-top:10px;font:16px 华文新魏;background-color: rgba(255,255,255,0.5);">“我希望你明白今夜你的行动不会被轻易饶恕,小女孩,你把自己和他人都卷入了危险之中!”td> tr> <div class="col-lg-3 centered" style="margin-top: 20px;margin-left:30px;"> <tr> <div class=".col-xs-6 .col-md-4" style="margin-top: 20px;margin-left:30px;"> <td><img style="width:380px;height:240px;" src="https://imgsa.baidu.com/forum/w%3D580/sign=a6440d5e7cf0f736d8fe4c093a55b382/b99548177f3e6709c41d7ede3fc79f3df8dc5580.jpg">td> <td width="300" height="100" style="padding-top:10px;font:16px 华文新魏;background-color: rgba(255,255,255,0.5);"><p>“刻薄的目光要求我们变得整齐、划一且服从。但每片残缺的火花所隐藏的美,都更甚于它将受到的评价。”p> td> <div class=".col-xs-6 .col-md-4" style="margin-top: 20px;margin-left:30px;"> <td><img style="width:380px;height:240px;" src="https://imgsa.baidu.com/forum/w%3D580/sign=8988cc1083025aafd3327ec3cbecab8d/038ee8025aafa40f1360440daa64034f79f0193e.jpg">td> tr> <div class="col-lg-3 centered" style="margin-top: 20px;margin-left:30px;"> <tr> <td width="300" height="100" style="padding-top:10px;font:16px 华文新魏;background-color: rgba(255,255,255,0.5);">“哦!我简直无法相信我的小妹妹要跟我一起去Beacon了!今天真是值得庆祝!”td> <td><img style="width:380px;height:240px;" src="https://p1.ssl.qhmsg.com/t0162234543cdf7b916.png">td> <td width="300" height="100" style="padding-top:10px;font:16px 华文新魏;background-color: rgba(255,255,255,0.5);"><p>“这些小毛孩们真是越来越不科学了。”td> tr> table> div> <hr style="color: black;width:1160px; position: relative; top: 50px;"> div> <hr style="color: black;width:1160px; position: relative; top: 50px;"> <div style="width:1000px;height:50px;padding-top:20px;padding-bottom:10px;text-align:right"> <i>想了解我,请关注:<a href="http://weibo.com/5214061060/profile?topnav=1&wvr=6">外星球肥皂a>i> div> div> <div style="text-align:center"> <br/> <hr style="color:#eeeeee;border-width:1px;border-color:#eeeeee;background-color:#eeeeee;margin-top:20px;margin-bottom:20px;"> <div style="text-align:center;font-size:20px;color:black;"> 留言板: div> style> <textarea id="content" cols="100" rows="5">输入你想说的话textarea> <br> <button id="submit">确定发送button> <p style="text-align:center">你的留言:p> <div id="message">div> <script type="text/javascript">