123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>xxtzBody</title>
- <style type="text/css">
- .xxtz{
- background-color:#f2f2f2;
- float:left;
- width:100%;
- }
- .widthLineBlack2{
- width:100%;
- height:1px;
- background:#E4E4E4;
- float:left;
- }
- .xxnr{
- float:left;
- width:100%;
- }
- .xxLeft{
- float:left;
- width:15%;
- padding:5px 5px 5px 10px;
- }
- .xxRight{
- float:left;
- width:70%;
- padding:5px 5px 5px 10px;
- }
- .xxWdBt{
- margin-top:5px;
- color:#333333;
- }
- .xxWdNr{
- margin-top:5px;
- color:#333333;
- display:none;
- }
- .xxYdBt{
- color:#999999;
- margin-top:5px;
- }
- .xxYdNr{
- margin-top:5px;
- color:#999999;
- display:none;
- }
- </style>
- <script>
- function ydxx(id,ydbz) {
- if (ydbz == "") {
- if ($("#xxWdNr" + id).is(":hidden")) {
- $("#xxWdNr" + id).show();
- $("#xxWdBt" + id).hide();
- updateYdbz(id);
- } else {
- $("#xxWdNr" + id).hide();
- $("#xxWdBt" + id).show();
- }
- } else {
- if ($("#xxYdBt" + id).is(":hidden")) {
- $("#xxYdBt" + id).show();
- $("#xxYdNr" + id).hide();
- } else {
- $("#xxYdBt" + id).hide();
- $("#xxYdNr" + id).show();
- }
- }
- }
- function updateYdbz(id) {
- jQuery.ajax({
- url : "updateYdbz.htm",
- dataType : "json",
- type : 'post',
- cache : false,
- data : {"id" : id},
- success : function(data) {
- },
- error : function(data) {
- }
- });
- }
- function loadMoreXx(limit) {
- var param = [
- { name: "mcid", value: $("#mcid").val()},
- { name: "type", value: type},
- { name: "limit", value: limit},
- ];
- //加载内容页
- huimvMobile.loadMobilePage("xxMainBody", "xxtzMobileBody.htm", param);
- }
- $(".xxtz").on("scrollstop",function(){
- var scrollTop = $(document).scrollTop();
- var scrollHeight = $(document).height();
- var windowHeight = $(window).height();
- if (scrollTop + windowHeight >= scrollHeight) {
- loadMoreXx("$!limit");
- //alert("底部");
- }
- });
- </script>
- </head>
- <body>
- <input type="hidden" value="$!type" id="type">
- <input type="hidden" value="$!mcid" id="mcid">
- <div class="xxtz">
- <div class="xxLeft">级别</div>
- <div style="width:70%;float:left;padding:5px 5px 5px 10px;">内容</div>
- <div class="widthLineBlack2"></div>
- <div class="xxnr">
- <ul>
- #foreach($!obj in $!xxXxtsList)
- <li onclick="ydxx('$!obj.id','$!obj.ydbz');">
- <div class="xxLeft">
- #if ("$!obj.bjjb" == "1")
- <img src="css/jqm/images/bt/xxbj1.png">
- #else
- <img src="css/jqm/images/bt/xxbj2.png">
- #end
- </div>
- <div class="xxRight">
- <div class="xxTitle">
- <span style="color:#58c8f2;">$!obj.xxlx</span>
- <span style="float:right;color:#999999">$!obj.fbsjString</span>
- </div>
- #if ("$!obj.ydbz" == "")
- <div class="xxWdBt" id="xxWdBt$!obj.id">$!obj.bt</div>
- <div class="xxWdNr" id="xxWdNr$!obj.id">$!obj.zw <br><span style="color:blue;text-align:right;"> >>再次点击收起内容</span></div>
- #else
- <div class="xxYdBt" id="xxYdBt$!obj.id">$!obj.bt</div>
- <div class="xxYdNr" id="xxYdNr$!obj.id">$!obj.zw <br><span style="color:blue;text-align:right;"> >>再次点击收起内容</span></div>
- #end
- </div>
- </li>
- <li><div class="widthLineBlack2"></div></li>
- #end
- </ul>
- </div>
-
- </div>
- </body>
- </html>
|