iframe-main.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="renderer" content="webkit" />
  7. <title>健康之路</title>
  8. <link rel="stylesheet" href="cross/css/cross.css" type="text/css" />
  9. <link rel="stylesheet" href="iconfont/iconfont.css" type="text/css" />
  10. <link rel="stylesheet" href="css/index.css" type="text/css" />
  11. <link rel="stylesheet" type="text/css" href="css/welcome_index.css">
  12. <!--[if lt IE 9]>
  13. <script type="text/javascript" src="cross/js/respond.min.js"></script>
  14. <![endif]-->
  15. </head>
  16. <body style="background:url(images/index_bg.jpg) no-repeat; background-size:cover; height:100%">
  17. <div class="index_welcome_box">
  18. <div class="tit c-f20">-欢迎使用-</div>
  19. <div class="name">健康之路全流程系统</div>
  20. <p>最优秀的 IM</p>
  21. <p>最强大而又轻便的功能</p>
  22. <p>联网PC,APP</p>
  23. <p>随时随地与同行交流</p>
  24. <br/>
  25. <p>我们</p>
  26. <p>不仅给您想要的</p>
  27. <p>还将带给您想象不到的...</p>
  28. </div>
  29. <div class="index_pic_box">
  30. <div class="pic p_01 fl"><img src="images/wel_pic_01.png"></div>
  31. <div class="pic p_02 fl"><img src="images/wel_pic_02.png"></div>
  32. <div class="pic p_03 fl"><img src="images/wel_pic_03.png"></div>
  33. </div>
  34. <script type="text/javascript" src="cross/js/jquery/1.8.3/jquery.js"></script>
  35. <script>
  36. $(function(){
  37. function winResize(){
  38. var winW=$(window).width();
  39. if(winW<=1130){
  40. $('.index_pic_box .pic').addClass('min_w')
  41. }
  42. else{
  43. $('.index_pic_box .pic').removeClass('min_w')
  44. }
  45. }
  46. winResize();
  47. $(window).resize(function(){
  48. winResize();
  49. })
  50. })
  51. </script>
  52. </body>
  53. </html>