国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

點擊頁面任何位置隱藏div的實現(xiàn)方法

2019-11-20 09:04:35
字體:
供稿:網(wǎng)友

實例如下:

<include file="Public:header" /> <style type="text/css">   table{width:100%;margin: 0;} </style> <script type='text/javascript' src="/{:APP_PATH}/Public/js/unslider.min.js"></script>   <script type="text/javascript">   //定義頁面載入事件   /*$(function(){     $('#more').addClass('moreno');     $('#more').click(function(){       //隱藏元素(向左移動)       if ($('#more').hasClass('moreno')) {         $('#sider').animate({         left:0         },1000,function(){           $('#more').removeClass('moreno');         });       }else{          $('#sider').animate({         left:-120       },1000,function(){         $('#more').addClass('moreno');       });       }     });   });*/ //定義頁面載入事件   $(function(){     $('#more').addClass('moreno');     //點擊界面除了容器id為more的區(qū)域外,任何地方隱藏掉     $(document).click(function(){         $('#sider').animate({         left:-120       },1000,function(){         $('#more').addClass('moreno');       });     });          $('#more').click(function(event){       event.stopPropagation();       //隱藏元素(向左移動)     event.stopPropagation();       if ($('#more').hasClass('moreno')) {         $('#sider').animate({         left:0         },1000,function(){           $('#more').removeClass('moreno');         });       }else{          $('#sider').animate({         left:-120       },1000,function(){         $('#more').addClass('moreno');       });       }     });   });   </script>   <div class="header_one">     <div class="Central">       <div class="first_one" style="position:absolute;">         <img id="more" style="margin-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 class="bg">     <div class="pic" style="height:180px;">       <div id="lunbo" style="overflow: hidden;">       <ul style="margin:0px;" id="lunboul" style="position: relative;">         <volist name="pic" id="vo">           <li style="float:left;text-align:center;">             <img src="{$vo['pic']}" alt="" style="height:176px;margin:auto;" >           </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"}).find("li:first").appendTo(this);      })    }    $(function(){      setInterval('autoScroll("#xst")',2000);    })   </script>   </div>   <div style="width:100%;background-color:#EEEEEE;height:30px;margin:10px 0;">     <div class="scroll" id="xst" style="float:right;margin-left:10px;height:30px;width:75%;overflow:hidden;">       <ul id='voo' style="margin-top:0px;">         <volist name='gonggao' 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['id']))}">{$vo['name']}</a>           </li>         </volist>       </ul>            </div>     <div style="float:right;margin:5px 0;">       最新公告     </div>   </div>   <table id="fone" onclick="javascript:location.href='/Invest/InvestHp/biao_type/love'">     <tr>       <td class="norrow"><img src="/{:APP_PATH}/Public/img/pic/new.png"/></td>       <td class="secon">新手標(biāo)</td>       <td><span class="blo">8-10%</span><span class="tblo">預(yù)期年化收益</span></td>       <td><span class="blo">7<span class="cao_one">天</span></span><span class="tblo">投資期限</span></td>       <td class="jian_rig"><img class="rig_pic" src="/{:APP_PATH}/Public/img/pic/rightshow.png" /></td>     </tr>    </table>    <table class="bird" onclick="javascript:location.href='/Invest/InvestList/biao_type/yxlc'">     <tr>       <td class="norrow"><img src="/{:APP_PATH}/Public/img/pic/fast.png" /></td>       <td class="secon">快系列</td>       <td><span class="blo">8-10%</span><span class="tblo">預(yù)期年化收益</span></td>       <td><span class="blo">1<span class="cao_one">個月</span></span><span class="tblo">投資期限</span></td>       <td class="jian_rig"><img class="rig_pic" src="/{:APP_PATH}/Public/img/pic/rightshow.png" /></td>     </tr>    </table>    <table class="se_cond" onclick="javascript:location.href='/Invest/InvestList/biao_type/gxd'">     <tr>       <td class="norrow"><img src="/{:APP_PATH}/Public/img/pic/stable.png" /></td>       <td class="secon">穩(wěn)系列</td>       <td><span class="blo">12-14%</span><span class="tblo">預(yù)期年化收益</span></td>       <td><span class="blo">3-6<span class="cao_one">個月</span></span><span class="tblo">投資期限</span></td>       <td class="jian_rig"><img class="rig_pic" src="/{:APP_PATH}/Public/img/pic/rightshow.png" /></td>     </tr>     </table>   <if condition="$GLOBALS['userinfo']['org_code'] eq 'fc'">   <table class="last_fcb" onclick="javascript:location.href='/Invest/InvestList/biao_type/fcb'">     <tr>       <td class="norrow"><img src="/{:APP_PATH}/Public/img/pic/house.png" /></td>       <td class="secon">房產(chǎn)寶</td>       <td><span class="blo">8-16%</span><span class="tblo">預(yù)期年化收益</span></td>       <td><span class="blo">3-6<span class="cao_one">個月</span></span><span class="tblo">投資期限</span></td>       <td class="jian_rig"><img class="rig_pic" src="/{:APP_PATH}/Public/img/pic/rightshow.png" /></td>     </tr>      </table>   </if>   <div class="bott_ton" onclick="javascript:location.href='/Goods/Index'">     <img src="/{:APP_PATH}/Public/img/pic/logobean.png"/>   </div>   <div id="sider">     <ul id="usecond">     <li style="line-height:36px"> <a href="{:U('Index/Platann')}" style="color:#FFF">平臺公告</a></li>     <li style="line-height:36px"> <a href="{:U('Index/HelpCenter')}" style="color:#FFF">幫助中心</a></li>     <li style="line-height:36px"> <a href="{:U('Index/PlatIntro')}" style="color:#FFF">平臺介紹</a></li>     <li style="line-height:36px"> <a href="{:U('Index/Contact')}"style="color:#FFF">聯(lián)系我們</a></li>     </ul>   </div>   </div> <include file="Public:footer" />

 

以上這篇點擊頁面任何位置隱藏div的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 库车县| 精河县| 咸丰县| 黄浦区| 林西县| 旬邑县| 资源县| 军事| 临江市| 芦溪县| 增城市| 平江县| 牟定县| 南川市| 横峰县| 太仓市| 宁德市| 屏东县| 渝中区| 郓城县| 广灵县| 永善县| 科技| 明水县| 揭阳市| 雅安市| 成都市| 万宁市| 田东县| 黎平县| 秦皇岛市| 库车县| 水城县| 方城县| 渝北区| 西宁市| 台湾省| 文安县| 济源市| 永州市| 上思县|