例は次のとおりです。
<include file = "public:header"/> <style type = "text/css"> table {width:100%; margin:0;} </style> <script = 'text/javascript' src = "/{:app_path} /public/js/unslider.min.js" event/*$(function(){$( '#more')。addclass( 'moreno'); $( '#more')。click(function(){// hide element(move左)if($( '#more')。 $( '#more')。 *///ページの読み込みイベント$(function(){$( '#more')。AddClass( 'moreno'); //要素(左の)を非表示(左)event.stoppropagation(); if($( '#more')。 }); $( '#more')。クリック(function(event){event.stoppropagation(); //要素(左の詳細)event.stoppropagation(); if($( '#more')。hasclass( 'moreno')){$( '#sider')。 $( '#more')。removeclass( 'moreno'); }); </script> <div> <div> <div> <div style = "position:absolute;"> <img id = "more" style = "marve-top:8px;" src = "/{:app_path} /public/img/pic/more.png"/> </div> <div> <img style = "height:30px;" src = "/{:app_path} /public/img/main/logo1.png"/> </div> </div> </div> <div> div style = "heigh:180px;"> <div = "lunbo" style = "overflow:hidden; id = "lunboul" style = "position;"> <volist name = "pic" id = "vo"> <li style = "float:float:left; text-align:center;"> <img src = "{$ vo ['pic']}" style = "height:176px; margin;" > </li> </volist> </ul> </div> <script type = "text/javascript"> $( '#lunbo')。unslider({speed:0、delay:3000、complete:function(){}、keys:true、dots:true、fluid:false}); function autoscroll(obj){$(obj).find( "#voo")。animate({margintop: "-30px"}、500、function(){$(this).css({margintop: "0px"})。 setinterval( 'autoscroll( "#xst")、2000); script> </div> <div> <div> <"xst" style = "float:right; margin-left:10px; height:30px; id = "vo"> <li style = "line-height:30px; height:30px; padding-left:5px; padding-top:2px; text-align:left;"> <a href = "{:u( '/index/platdetail'、array( 'id' => $ vo ['']}"> </volist> </ul> </div> <div style = "float:right; margin:5px 0;">最新のアナウンス</div> </div> <table id = "fone" onclick = "javascript:location.href = '/investhp/biao_type/love'"> <td> <td> <img src = "/{:app_path} /public/img/pic/new.png"/> </td> <td>初心者の標準</td> <td> <span> 8-10%</span> <span>予想年次リターン</span> </td> <td>期間</span> </td> <td> <img src = "/{:app_path} /public/img/pic/rightshow.png"/>> </td> </tr> </table> <table onclick = "javascript:location.href = '/Invest/Invest/biao_ty_type/yxlc" " src = "/{:app_path} /public/img/pic/fast.png"/> </td> <td> fastシリーズ</td> <td> <td> <span> 8-10%</span> <span>予想される年次リターン</span> </td> <td> <span </span </span </span> </span>> <td> <img src = "/{:app_path} /public/img/pic/rightshow.png"/> </td> </tr> </table> <table onclick = "javascript:location.href = '/invest/investlist/biao_type/gxd'"> <tr <td> <img src = "/{:app_path} /public/img/pic/stable.png"/> </td> <td>安定したシリーズ</td> <td> <td> <span> 12-14%</span </span>予想年次リターン期間</span> </td> <td> <img src = "/{:app_path} /public/img/pic/rightshow.png"/>> </td> </tr> </table> <if条件= "$ globals ['userinfo'] ['org_code' onclick = "javascript:location.href = '/Invest/InvestList/biao_type/fcb'"> <tr> <td> <img src = "/{:app_path} /public/img/pic/house.png"/>> </td> <TD> <Span> 8-16%</span> <span>予想年次収入</span> </td> <td> <span> 3-6 <span>月</span> </span> <span>投資期間</span> </td> <td> <img src = "/{:app_path} </table> </if> <div onclick = "javascript:location.href = '/goods/index'"> <img src = "/{:app_path} /public/img/pic/logobean.png"/> </div> <div id = "sider"> <ul id = "usecond"> < href = "{:u( 'index/platann')}" style = "color:#fff">プラットフォームアナウンス</a> </li> <li style = "line-height:" line-height:a href = "{:u( 'index/helpcenter')}" style = "color:#fff" href = "{:u( 'index/platintro')}" style = "color:#fff">プラットフォームはじめに</a> </li> <li style = "line-height:36px"> <a href = "{:u( 'index/platintro')}}" style = "coler:" li> href = "{:u( 'index/contact')}" style = "color:#fff">お問い合わせ</a> </li> </ul> </div> </div> <include file = "public:footer"/>上記の記事は、クリックページの任意の場所にDIVを隠す方法です。それは私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。