标签：
html 静态文件：
1 <!DOCTYPE html> 2 <!-- 3 To change this license header, choose License Headers in Project Properties. 4 To change this template file, choose Tools | Templates 5 and open the template in the editor. 6 --> 7 <html> 8 <head> 9 <title>XXX</title> 10 <meta charset="UTF-8"><!--使用UTF8编码--> 11 <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--宽度为设备的宽度,初始缩放比例为1.0 --> 12 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><!--如果安装了GCF，就是用chrome 浏览器来渲染，假如没有就用最高版本的IE来渲染--> 13 <meta property="wb:webmaster" content="ace8a92ee8d54f93" /> 14 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" media="screen" /> 15 <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" ></script> 16 <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> 17 <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> 18 <link href="common.css" rel="stylesheet"> 19 <style> 20 21 </style> 22 <script type=‘text/javascript‘> 23 $(function () { 24 shipei(); 25 var nowpage = ‘1‘; 26 $(‘.jian,.qu,.kuai,.hu,.quan‘).bind(‘click‘, function () { 27 $(‘.fuceng‘).show(); 28 $(‘.jian,.qu,.kuai,.hu,.quan‘).hide(); 29 $(‘.adv‘).hide(); 30 switch ($(this).attr(‘data-val‘)) { 31 case ‘jian‘: 32 nowpage = ‘1‘; 33 $(‘.jiandesc‘).show(); 34 break; 35 case ‘qu‘: 36 nowpage = ‘2‘; 37 $(‘.qudesc‘).show(); 38 break; 39 case ‘hu‘: 40 nowpage = ‘4‘; 41 $(‘.hudesc‘).show(); 42 break; 43 case ‘quan‘: 44 nowpage = ‘5‘; 45 $(‘.quandesc‘).show(); 46 break; 47 case ‘kuai‘: 48 nowpage = ‘3‘; 49 $(‘.kuaidesc‘).show(); 50 break; 51 default: 52 nowpage = ‘1‘; 53 $(‘.jiandesc‘).show(); 54 break; 55 }//定义五个元素都绑定 click 点击事件, 浮层显示,进行一个switch case的判断，用nowpage变量来存储当前要切换的页面,，然后把要显示的页面show 出来 56 }); 57 $(‘.show_close‘).bind(‘click‘, function () { 58 $(‘.fuceng‘).hide(); 59 $(‘.jian,.qu,.kuai,.hu,.quan‘).show(); 60 $(‘.adv‘).show(); 61 $(‘.jiandesc,.qudesc,.hudesc,.quandesc,.kuaidesc‘).hide(); 62 }); //定义关闭按钮，时间绑定一个click事件，把浮层隐藏，五个图显示出来， 63 $(‘.jiantouleft‘).bind(‘click‘, function () { 64 $(‘.fuceng‘).show(); 65 $(‘.jian,.qu,.kuai,.hu,.quan‘).hide(); 66 $(‘.adv‘).hide(); 67 $(‘.jiandesc,.qudesc,.hudesc,.quandesc,.kuaidesc‘).hide(); 68 switch (nowpage) { 69 case ‘1‘: 70 nowpage = ‘5‘; 71 $(‘.quandesc‘).show(); 72 break; 73 case ‘2‘: 74 nowpage = ‘1‘; 75 $(‘.jiandesc‘).show(); 76 break; 77 case ‘3‘: 78 nowpage = ‘2‘; 79 $(‘.qudesc‘).show(); 80 break; 81 case ‘4‘: 82 nowpage = ‘3‘; 83 $(‘.kuaidesc‘).show(); 84 break; 85 case ‘5‘: 86 nowpage = ‘4‘; 87 $(‘.hudesc‘).show(); 88 break; 89 default: 90 nowpage = ‘1‘; 91 $(‘.jiandesc‘).show(); 92 break; 93 } 94 })//剪头左边用来切换图片，假如当前的页面是1的话，切换到第五页。 95 $(‘.jiantouright‘).bind(‘click‘, function () { 96 $(‘.fuceng‘).show(); 97 $(‘.jian,.qu,.kuai,.hu,.quan‘).hide(); 98 $(‘.adv‘).hide(); 99 $(‘.jiandesc,.qudesc,.hudesc,.quandesc,.kuaidesc‘).hide(); 100 switch (nowpage) { 101 case ‘1‘: 102 nowpage = ‘2‘; 103 $(‘.qudesc‘).show(); 104 break; 105 case ‘2‘: 106 nowpage = ‘3‘; 107 $(‘.kuaidesc‘).show(); 108 break; 109 case ‘3‘: 110 nowpage = ‘4‘; 111 $(‘.hudesc‘).show(); 112 break; 113 case ‘4‘: 114 nowpage = ‘5‘; 115 $(‘.quandesc‘).show(); 116 break; 117 case ‘5‘: 118 nowpage = ‘1‘; 119 $(‘.jiandesc‘).show(); 120 break; 121 default: 122 nowpage = ‘1‘; 123 $(‘.jiandesc‘).show(); 124 break; 125 } 126 //console.log(nowpage); 127 }); 128 }); 129 function shipei() { 130 var w = $(window).width(); //适配页面，w为当前浏览器的宽度， 131 var weixinleft = (w - 715) / 2; //底部图片居左＝浏览器宽度-图片的宽度 再除以2 132 var left = weixinleft + 280; 133 // $(".weixinhelp").css({‘left‘: left - 15}); 134 // $(".weixin").css({‘left‘: weixinleft}); 135 // $(".toplogo").css({‘left‘: weixinleft - 104}); 136 // $(".search").css({‘left‘: left - 15}); 137 // $(".adv").css({‘margin-left‘: left - 687}); 138 // $(".adv").css({‘margin-left‘: 190px;}); 139 $(".jiantouleft").css({‘left‘: left - 343}); 140 $(".jiantouright").css({‘right‘: left - 343}); 141 $(".show_close").css({‘right‘: left - 313}); 142 // $(".button").css({‘left‘: left + 238}); 143 // $(".topjpg").css({‘right‘: left - 270}); 144 $(‘.showpic‘).css({‘height‘: 900 / 1920 * w}); 145 $(‘.jian‘).css({‘left‘: weixinleft + 1}); 146 $(‘.qu‘).css({‘left‘: weixinleft + 262}); 147 $(‘.kuai‘).css({‘left‘: weixinleft + 525}); 148 $(‘.hu‘).css({‘left‘: weixinleft + 132}); 149 $(‘.quan‘).css({‘left‘: weixinleft + 395}); 150 // $(‘.touziyinghao‘).css({‘top‘: $(‘.showpic‘).height()}); 151 var fontsize = w * 90 / 1920;//定义字体的 152 //console.log(fontsize); 153 //if(fontsize<=) 154 $(‘.showpicfont‘).css({‘font-size‘: fontsize}); 155 //$(‘.showpicfont‘).css({‘left‘:(w - $(‘.showpicfont‘).width())/2}); 156 } 157 $(window).resize(function () { 158 shipei(); 159 }); 160 </script> 161 </head> 162 <body> 163 <div class="box" id=‘dingbu‘><!--顶部--> 164 <div class="head"></div> 165 <div class=‘toplogo‘> 166 <a href=‘index_1.html‘><img src=‘images/logo.png‘ class=‘logo‘/></a> 167 </div> 168 <div id=‘carousel-example-generic‘ class="carousel slide showpic" data-ride="carousel" > 169 <!-- Indicators --> 170 <ol class="carousel-indicators"> 171 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li><!--data-target 轮播，使用的是bootstrap轮转图--> 172 <li data-target="#carousel-example-generic" data-slide-to="1"></li> 173 <li data-target="#carousel-example-generic" data-slide-to="2"></li> 174 <li data-target="#carousel-example-generic" data-slide-to="3"></li> 175 <li data-target="#carousel-example-generic" data-slide-to="4"></li> 176 </ol> 177 178 <div class="carousel-inner" role="listbox"> 179 <div class="item active"> 180 <img src=‘images/1.jpg‘ class=‘showpicimg‘/> 181 <div class="showpicfont">机会只给 有准备的人</div> 182 <div class="carousel-caption"></div> 183 </div> 184 <div class="item"> 185 <img src=‘images/2.jpg‘ class=‘showpicimg‘/> 186 <div class="showpicfont">全方位 学习</div> 187 <div class="carousel-caption"></div> 188 </div> 189 <div class="item"> 190 <img src=‘images/3.jpg‘ class=‘showpicimg‘/> 191 <div class="showpicfont">赚钱的方式 有很多种</div> 192 <div class="carousel-caption"></div> 193 </div> 194 <div class="item"> 195 <img src=‘images/4.jpg‘ class=‘showpicimg‘/> 196 <div class="showpicfont">不让时间 虚度</div> 197 <div class="carousel-caption"></div> 198 </div> 199 <div class="item"> 200 <img src=‘images/5.jpg‘ class=‘showpicimg‘/> 201 <div class="showpicfont">活到老 学到老</div> 202 <div class="carousel-caption"></div> 203 </div> 204 </div> 205 <!-- Controls --> 206 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"></a> 207 <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"></a> 208 209 </div> 210 211 <div class="touziyinghao"> 212 <div class=‘touziyinghao_box‘> 213 <div class=‘jian‘ data-val=‘jian‘></div> 214 <div class=‘qu‘ data-val=‘qu‘></div> 215 <div class=‘kuai‘ data-val=‘kuai‘></div> 216 <div class=‘hu‘ data-val=‘hu‘></div> 217 <div class=‘quan‘ data-val=‘quan‘></div> 218 219 <div class=‘adv‘><img src=‘images/c1.png‘/></div> 220 221 <div class=‘fuceng‘> 222 <div class=‘show_close‘><img src=‘images/close.png‘/></div> 223 <img src=‘images/jian.png‘ class=‘jiandesc‘/> 224 <img src=‘images/qu.png‘ class=‘qudesc‘ /> 225 <img src=‘images/kuai.png‘ class=‘kuaidesc‘/> 226 <img src=‘images/hu.png‘ class=‘hudesc‘/> 227 <img src=‘images/quan.png‘ class=‘quandesc‘/> 228 <div class=‘jiantouleft‘><img src=‘images/jiantou-left.png‘/></div> 229 <div class=‘jiantouright‘><img src=‘images/jiantou-right.png‘/></div> 230 </div> 231 </div> 232 </div> 233 <div class=‘xuehuitouzi‘> 234 <div class="xuehuitouzi_box"></div> 235 </div> 236 <!--<div class=‘content‘> 237 <img src=‘images/good.jpg‘ class=‘good‘/> 238 </div>--> 239 <div class="content"> 240 <div class="pingjia pingjia1"> 241 <div class="haogongsi"><img src=‘images/haogongsi.jpg‘/></div> 242 <div class=‘qiye‘>盛大资本</div> 243 <div class=‘qiyetuijian‘> 244 优秀团队创造的优秀产<br> 245 品，值得每个人认真体<br> 246 验。 247 </div> 248 </div> 249 <div class="pingjia pingjia2"> 250 <div class="haogongsi"><img src=‘images/haogongsi.jpg‘/></div> 251 <div class=‘qycenter‘> 252 <div class=‘qiye‘>FX168</div> 253 <div class=‘qiyetuijian‘> 254 把金融做的如此互联网<br> 255 化，突破与融合，同行<br> 256 的骄傲！<br/> 257 </div> 258 </div> 259 </div> 260 <div class="pingjia"> 261 <div class="haogongsi"><img src=‘images/haogongsi.jpg‘/></div> 262 <div class=‘qyright‘> 263 <div class=‘qiye‘>资深投资者</div> 264 <div class=‘qiyetuijian‘> 265 这不是我用过的最专业<br> 266 的交易软件，但确实与<br> 267 众不同，尤其对新手来<br> 268 说简单至极。<br/> 269 </div> 270 </div> 271 </div> 272 </div> 273 <div class=‘line‘></div> 274 <!-- <div class=‘content‘> 275 <div class=‘hezuohuoban‘>合作伙伴</div> 276 <div><img src=‘images/huoban.png‘ class=‘huobanimg‘/></div>ni‘tai 277 </div>--> 278 <div class=‘bottom‘> 279 <div class=‘contect‘> 280 <span><a href=‘about.php‘ target=‘_blank‘>关于我们</a> ｜</span> 281 <span> <a href=‘http://www.jobtong.com/e/4714‘ target=‘_blank‘>职位招聘</a> ｜</span> 282 <span> <a href="#" data-toggle="modal" data-target="#userAdviceModal">意见与反馈</a> ｜</span><!--打开的是模态窗口--> 283 <span> <a href=‘business.php‘ target=‘_blank‘>商务合作</a> ｜</span> 284 <span> <img src=‘images/guoqi.jpg‘/></span> 285 </div> 286 <div class=‘banquan‘>©2014 北京掌迭英豪科技有限公司 | 京ICP备15000105号-1</div> 287 </div> 288 <div class="footer"></div> 289 <div class=‘content ‘> 290 <img src=‘images/weixin.png‘ class="weixin"/> 291 <div class=‘weixinhelp‘> 292 <span>用手机扫描左侧二维码</span><br/> 293 <span>或输入手机号获取下载链接</span> 294 </div> 295 <input type=‘text‘ class=‘search phone_number‘/> 296 <img src=‘images/button.png‘ class=‘button send_sms‘ id="send_sms"/> 297 <span class="get_link">获取链接</span> 298 <a href=‘#dingbu‘> 299 <img src=‘images/back_top.png‘ class=‘topjpg‘/> 300 <span class="back_top_font">回到顶部</span> 301 </a> 302 </div> 303 <!-- Modal --> 304 <div class="modal fade" id="userAdviceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 305 <div class="modal-dialog"> 306 <div class="modal-content"> 307 <div class="modal-header"> 308 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> 309 <h4 class="modal-title" id="myModalLabel" >意见与反馈</h4> 310 </div> 311 <div class="modal-body"> 312 <textarea name="user_advice" class="form-control" rows="3"></textarea> 313 </div> 314 <div class="modal-footer"> 315 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> 316 <button type="button" class="btn btn-primary" id="advice_submit">提交</button> 317 </div> 318 </div> 319 </div> 320 </div> 321 <script> 322 function aboutshipei_footer() { 323 var w = $(window).width(); 324 var weixinleft = (w - 715) / 2; 325 var left = weixinleft + 280; 326 $(".weixinhelp").css({‘left‘: left - 15}); 327 $(".weixin").css({‘left‘: weixinleft}); 328 $(".toplogo").css({‘left‘: weixinleft - 50}); 329 $(".search").css({‘left‘: left - 15}); 330 $(".send_sms").css({‘left‘: left + 238}); 331 $(".get_link").css({‘left‘: left + 238}); 332 $(".topjpg").css({‘right‘: left - 270}); 333 $(".back_top_font").css({‘right‘: left - 270}); 334 } 335 $(window).resize(function () { 336 aboutshipei_footer(); //理解为当浏览器窗口调整的时候，执行下面的方法 337 }); 338 $(function () { 339 aboutshipei_footer(); 340 $(".get_link").click(function () { 341 var phone_number = $(".phone_number").val(); 342 $.ajax({ 343 url: ‘send_sms.php‘, 344 type: ‘post‘, 345 data: "phone_number=" + phone_number, 346 success: function (data) { 347 var data = eval(‘(‘ + data + ‘)‘); 348 if (data[‘res‘]) { 349 alert("下载链接已发送，请注意查收。"); 350 } else { 351 alert(data[‘msg‘]); 352 } 353 } 354 }); 355 });//根据用户输入的手机号码等到下载链接 356 357 $("#advice_submit").on(‘click‘, function () { 358 var user_advice = $("textarea[name=‘user_advice‘]").val(); 359 if (user_advice === "") { 360 console.dir(user_advice); //打印对象结构 361 alert("意见不能为空"); 362 } else { 363 $.ajax({ 364 url: ‘save_advice.php‘, 365 type: ‘post‘, 366 data: "advice=" + user_advice, 367 success: function (data) { 368 $(‘#userAdviceModal‘).modal(‘hide‘);//将提交建议的模态窗口关闭 369 alert("提交成功"); 370 } 371 }); 372 } 373 }); 374 375 //Bootstrap 3 modal vertical position center 376 function centerModal() { 377 $(this).css(‘display‘, ‘block‘); 378 var $dialog = $(this).find(".modal-dialog"); 379 var offset = ($(window).height() - $dialog.height()) / 2; 380 // Center modal vertically in window 381 $dialog.css("margin-top", offset); 382 } 383 $(‘.modal‘).on(‘show.bs.modal‘, centerModal); 384 $(window).on("resize", function () { 385 $(‘.modal:visible‘).each(centerModal); 386 }); 387 388 }); 389 390 </script> </div> 391 392 </body> 393 </html>
CSS文件：
/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 2015-1-26, 18:05:40 Author : dev001 */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 2015-1-14, 10:18:04 Author : zhangce */ body,html{margin:0; padding:0; width:100%; height:100%;} /* css注释的方法是、**、 把浏览器的默认元素的margin，padding 清零*/ ul{list-style: none ;width:375px; float: left} /*把ul 的默认样式清空，左浮动*/ img,.showpic{margin: 0;padding: 0; border:0;}/* */ .box{ width:100%; height:100%; text-align: center} /*text-align: center 是文本居中，模块居中是margin：0 auto*/ .head{ background-color: #000; opacity: 0.6; width:100%; height:90px;z-index: 1000; position:fixed;top:0px;} /* position:fixed;是生成绝对定位，相对于浏览器窗口来定位*/ .toplogo{ position:fixed; height: 90px; opacity: 1; z-index: 1001;} .logo{ width:221px; height:66px; margin-top: 11px;} .showpic img{width:100%; margin:0;padding: 0;} /*.touziyinghao{ min-width:715px; background: url(‘images/c1bg.jpg‘) center top no-repeat; height:1164px; width:100%; position: absolute;}*/ .touziyinghao{ min-width:715px; background: url(‘images/c1bg_border.png‘) center top repeat-x; height:1164px; width:100%; position: relative;} /* min-width:设置元素的最少宽度*/ .touziyinghao_box{width: 1164px;margin: auto;height: 610px;background: url(‘images/c1bg.jpg‘) center top no-repeat;} /* no-repeat 是指图像不平铺*/ /*.touziyinghao_box{ background-color: red;height:610px; width:200px;margin: auto;position: relative}*/ .xuehuitouzi{ min-width:715px; background: url(‘images/c2_border.png‘) center top repeat-x; height:735px; width:100%; margin-top:-554px;} /*repeat-x指的是在横向平铺*/ .xuehuitouzi_box{width: 1164px;margin: auto;height: 735px;background: url(‘images/c2.jpg‘) center top no-repeat;} .line{border:#ebebeb 1px solid; width:100%;margin-top:382px;} .content{width:715px; margin: 0 auto; } .good{width:715px; margin-top:120px;margin-bottom: 100px; height:407px;} .bottom{ background: url(‘images/rpx.jpg‘) repeat-x; width:100%; height:85px; margin-bottom: 43px; padding-top: 18px; margin-bottom: 120px;} .contect{ line-height:42px; font-size: 12.5px; color:#5b5b5b} .hezuohuoban{ font-size: 18px; float: left; margin-top: 37px; margin-left:8px;} .huobanimg{width:715px; margin-bottom: 42px; margin-top: 24px; } .banquan{color:#969696; font-size: 12.5px;} a{color:#5b5b5b} .footer{background-color: #000; opacity: 0.8; width:100%; z-index: 1000; height:120px; position: fixed; bottom: 0px;} .weixin{ position:fixed; bottom:10px; left:0px; height:60px;bottom: 28px; z-index: 1001; } .weixinhelp{position: fixed; bottom:52px; font-size: 12px;color: #dfdfdf; line-height: 20px;text-align: left; z-index: 1001} .search{position: fixed; bottom:27px; height:20px; width:240px; border:#fff 1px solid; z-index: 1001} .send_sms{position: fixed; bottom:27px; height:20px; width:53px;z-index: 1001;cursor: pointer;} .get_link{position: fixed; bottom:27px; z-index: 1002;color: white;font-size: 10px;-webkit-text-size-adjust: none;width: 53px;height: 20px;line-height: 20px;cursor: pointer;} .topjpg{position: fixed; bottom:27px; z-index: 1001; width:60px;} .back_top_font{position: fixed; bottom:34px; z-index: 1001; width:60px;font-size: 12px;} .jian,.qu,.kuai,.hu,.quan{ position: absolute; width:182px;height:182px; transform:rotate(45deg); cursor:pointer; } /*cursor:pointer;指的是鼠标进入区域之后，变成手的图案，transform:rotate(45deg)元素旋转45度*/ .jiandesc,.qudesc,.kuaidesc,.hudesc,.quandesc{display:none}/*display:none理解为在页面彻底消失，理解为看不见摸不着。visible：hidden 指的是在网页上看不到，但是对象所占用的空间是没有发生变化的，理解为看不见摸得着 */ .jian{top:205px;z-index: 1;}/*330*/ .qu{top:205px;z-index: 1;} .kuai{top:205px;z-index: 1;} .hu{top:340px;z-index: 1;} .quan{top:340px;z-index: 1;} .fuceng{ margin: 0 auto; width:782px; display: none;padding-top: 120px;} .adv{padding-top:167px; width:780px;position: absolute;margin-left: 190px; } .adv img{ width:780px;} .show_close{position: absolute; top:130px; cursor:pointer} .jiantouright{position: absolute; top:354px; cursor:pointer} .jiantouleft{position: absolute;top:354px;cursor:pointer } .showpicfont{ position: absolute;margin:0 auto; bottom:55px; font-size:92px; color:#fff; width:100%; text-align:center; font-weight:lighter;-webkit-text-shadow: 1px 1px 5px ;-moz-text-shadow: 1px 1px 5px #ccc;text-shadow: 1px 1px 5px #ccc;} /* text-shadow: 理解为文本阴影*/ .haogongsi img{ width:153px;} .pingjia{ width:160px; margin-top:72px; float:left; height:247px; text-align: left; line-height: 26px; font-size: 14.55px; } /*line-height理解为设置以百分比计算的行高*/ .pingjia .qiye{font-size: 19.4px; margin-top:20px; font-weight: 500;margin-bottom: 6px;} .qyfrom{font-size: 11px; font-weight: lighter;} .pingjia1{ width:275px;} .pingjia2{ width:275px;} .qiyetuijian{font-weight: normal;color: #878787;} .carousel-indicators li{ border:0px;background-color:#a18cba} .carousel-indicators .active{background-color:#6023ac} /*body,html{margin:0; padding:0; width:100%; height:100%;}*/ /*ul{list-style: none ;width:375px; float: left}*/ /*img,.showpic{margin: 0;padding: 0; border:0;}*/ /*.box{ width:100%; height:100%; text-align: center}*/ /*.head{ background-color: #000; opacity: 0.6; width:100%; height:90px;z-index: 1000; position:fixed;top:0px;}*/ /*.toplogo{ position:fixed; height: 90px; opacity: 1; z-index: 1001;}*/ /*.logo{ width:221px; height:66px; margin-top: 11px;}*/ /*a{color:#5b5b5b}*/ /*.showpic img{width:100%; margin:0;padding: 0;}*/ /*.line{border:#ebebeb 1px solid; width:100%;margin-top:382px;}*/ .about_us .content{width:780px; margin: 0 auto; } /*.bottom{ background: url(‘images/rpx.jpg‘) repeat-x; width:100%; height:85px; margin-bottom: 43px; padding-top: 18px; margin-bottom: 120px;}*/ /*.contect{ line-height:42px; font-size: 12.5px; color:#5b5b5b}*/ /*.banquan{color:#969696; font-size: 14px;}*/ /*.footer{background-color: #000; opacity: 0.8; width:100%; z-index: 1000; height:120px; position: fixed; bottom: 0px;}*/ /*.weixin{ position:fixed; bottom:10px; left:0px; height:60px;bottom: 36px; z-index: 1001; }*/ /*.weixinhelp{position: fixed; bottom:60px; font-size: 12px;color: #dfdfdf; line-height: 20px;text-align: left; z-index: 1001}*/ /*.search{position: fixed; bottom:35px; height:20px; width:240px; border:#fff 1px solid; z-index: 1001}*/ /*.button{position: fixed; bottom:35px; height:20px; width:44px;z-index: 1001}*/ /*.topjpg{position: fixed; bottom:30px; z-index: 1001; width:60px;}*/ .aboutus{border:#ddd 1px solid;margin-top:60px; margin-bottom: 60px;border-radius: 4px; text-align: left; padding: 30px;} .title{font-size: 29px;} .contedesc{font-size:21px; color:#878787; font-weight: lighter}
标签：
原文地址：http://www.cnblogs.com/leong/p/4251013.html
