index.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>吉林就业</title>
  6. <style type="text/css">
  7. li{
  8. list-style: none;
  9. }
  10. a{
  11. text-decoration: none;
  12. }
  13. .style{
  14. width:100%;
  15. height: 355px;
  16. }
  17. .w_1200{
  18. width: 1200px;
  19. margin: 0 auto;
  20. height: 355px;
  21. border:1px solid #ccc;
  22. }
  23. .mainLeft{
  24. float: left;
  25. width:598px;
  26. height:355px;
  27. border-right:1px solid #ccc;
  28. }
  29. .mainLeft .top {
  30. height: 35px;
  31. line-height: 35px;
  32. border-bottom: 1px solid #ccc;
  33. }
  34. .mainLeft .top .title{
  35. display: inline-block;
  36. width: 500px;
  37. height: 30px;
  38. line-height: 30px;
  39. padding: 0 15px;
  40. color: #4193c5;
  41. font-weight: bold;
  42. font-size: 14px;
  43. }
  44. .mainLeft .top .more{
  45. display: inline-block;
  46. height: 20px;
  47. line-height: 20px;
  48. width: 50px;
  49. text-align: center;
  50. background: #4193c5;
  51. border-radius: 5px;
  52. }
  53. .mainLeft .top .more a{
  54. font-size: 10px;
  55. color: #fff;
  56. }
  57. #info-list1{
  58. margin: 0;
  59. padding: 0;
  60. }
  61. #info-list1 li{
  62. padding: 5px 25px;
  63. }
  64. #info-list1 li .hui21{
  65. color: #333;
  66. }
  67. #info-list1 li:hover .hui21{
  68. color: #4193c5;
  69. }
  70. #info-list2{
  71. margin: 0;
  72. padding: 0;
  73. }
  74. #info-list2 li{
  75. padding: 5px 25px;
  76. }
  77. #info-list2 li .hui21{
  78. color: #333;
  79. }
  80. #info-list2 li:hover .hui21{
  81. color: #4193c5;
  82. }
  83. .mainRight{
  84. float: left;
  85. width: 600px;
  86. height: 355px;
  87. }
  88. </style>
  89. <script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>
  90. <script type="text/javascript" src="scripts/embed_index.js" ></script>
  91. <script type="text/javascript">
  92. $().ready(function(){
  93. onloadlst("index","info-list1",10,"","全职","");//版位标示,列表层ID,条数,职位类别,职位性质,单位性质
  94. onloadlst("index","info-list2",10,"","实习","");
  95. });
  96. </script>
  97. </head>
  98. <body>
  99. <div class="style">
  100. <div class="w_1200">
  101. <div class="mainLeft">
  102. <div class="top">
  103. <span class="title">
  104. 最新招聘信息
  105. </span>
  106. <span class="more">
  107. <a href="http://jilinbys.ncss.org.cn/job/index" target="_blank">MORE</a>
  108. </span>
  109. </div>
  110. <div class="mainLeftInfo">
  111. <ul id="info-list1"></ul>
  112. </div>
  113. </div>
  114. <div class="mainLeft mainRight">
  115. <div class="top">
  116. <span class="title">
  117. 实习信息
  118. </span>
  119. <span class="more">
  120. <a href="http://jilinbys.ncss.org.cn/job/index" target="_blank">MORE</a>
  121. </span>
  122. </div>
  123. <div class="mainRightInfo">
  124. <ul id="info-list2"></ul>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </body>
  130. </html>