xxtzMobileBody.htm 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>xxtzBody</title>
  5. <style type="text/css">
  6. .xxtz{
  7. background-color:#f2f2f2;
  8. float:left;
  9. width:100%;
  10. }
  11. .widthLineBlack2{
  12. width:100%;
  13. height:1px;
  14. background:#E4E4E4;
  15. float:left;
  16. }
  17. .xxnr{
  18. float:left;
  19. width:100%;
  20. }
  21. .xxLeft{
  22. float:left;
  23. width:15%;
  24. padding:5px 5px 5px 10px;
  25. }
  26. .xxRight{
  27. float:left;
  28. width:70%;
  29. padding:5px 5px 5px 10px;
  30. }
  31. .xxWdBt{
  32. margin-top:5px;
  33. color:#333333;
  34. }
  35. .xxWdNr{
  36. margin-top:5px;
  37. color:#333333;
  38. display:none;
  39. }
  40. .xxYdBt{
  41. color:#999999;
  42. margin-top:5px;
  43. }
  44. .xxYdNr{
  45. margin-top:5px;
  46. color:#999999;
  47. display:none;
  48. }
  49. </style>
  50. <script>
  51. function ydxx(id,ydbz) {
  52. if (ydbz == "") {
  53. if ($("#xxWdNr" + id).is(":hidden")) {
  54. $("#xxWdNr" + id).show();
  55. $("#xxWdBt" + id).hide();
  56. updateYdbz(id);
  57. } else {
  58. $("#xxWdNr" + id).hide();
  59. $("#xxWdBt" + id).show();
  60. }
  61. } else {
  62. if ($("#xxYdBt" + id).is(":hidden")) {
  63. $("#xxYdBt" + id).show();
  64. $("#xxYdNr" + id).hide();
  65. } else {
  66. $("#xxYdBt" + id).hide();
  67. $("#xxYdNr" + id).show();
  68. }
  69. }
  70. }
  71. function updateYdbz(id) {
  72. jQuery.ajax({
  73. url : "updateYdbz.htm",
  74. dataType : "json",
  75. type : 'post',
  76. cache : false,
  77. data : {"id" : id},
  78. success : function(data) {
  79. },
  80. error : function(data) {
  81. }
  82. });
  83. }
  84. function loadMoreXx(limit) {
  85. var param = [
  86. { name: "mcid", value: $("#mcid").val()},
  87. { name: "type", value: type},
  88. { name: "limit", value: limit},
  89. ];
  90. //加载内容页
  91. huimvMobile.loadMobilePage("xxMainBody", "xxtzMobileBody.htm", param);
  92. }
  93. $(".xxtz").on("scrollstop",function(){
  94. var scrollTop = $(document).scrollTop();
  95. var scrollHeight = $(document).height();
  96. var windowHeight = $(window).height();
  97. if (scrollTop + windowHeight >= scrollHeight) {
  98. loadMoreXx("$!limit");
  99. //alert("底部");
  100. }
  101. });
  102. </script>
  103. </head>
  104. <body>
  105. <input type="hidden" value="$!type" id="type">
  106. <input type="hidden" value="$!mcid" id="mcid">
  107. <div class="xxtz">
  108. <div class="xxLeft">级别</div>
  109. <div style="width:70%;float:left;padding:5px 5px 5px 10px;">内容</div>
  110. <div class="widthLineBlack2"></div>
  111. <div class="xxnr">
  112. <ul>
  113. #foreach($!obj in $!xxXxtsList)
  114. <li onclick="ydxx('$!obj.id','$!obj.ydbz');">
  115. <div class="xxLeft">
  116. #if ("$!obj.bjjb" == "1")
  117. <img src="css/jqm/images/bt/xxbj1.png">
  118. #else
  119. <img src="css/jqm/images/bt/xxbj2.png">
  120. #end
  121. </div>
  122. <div class="xxRight">
  123. <div class="xxTitle">
  124. <span style="color:#58c8f2;">$!obj.xxlx</span>
  125. <span style="float:right;color:#999999">$!obj.fbsjString</span>
  126. </div>
  127. #if ("$!obj.ydbz" == "")
  128. <div class="xxWdBt" id="xxWdBt$!obj.id">$!obj.bt</div>
  129. <div class="xxWdNr" id="xxWdNr$!obj.id">$!obj.zw <br><span style="color:blue;text-align:right;"> >>再次点击收起内容</span></div>
  130. #else
  131. <div class="xxYdBt" id="xxYdBt$!obj.id">$!obj.bt</div>
  132. <div class="xxYdNr" id="xxYdNr$!obj.id">$!obj.zw <br><span style="color:blue;text-align:right;"> >>再次点击收起内容</span></div>
  133. #end
  134. </div>
  135. </li>
  136. <li><div class="widthLineBlack2"></div></li>
  137. #end
  138. </ul>
  139. </div>
  140. </div>
  141. </body>
  142. </html>