基于JavaScript实现点击页面任何位置返回

时间:2021-05-25

废话不多说了,直接上关键代码了。

<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');//点击界面除了容器id为more的区域外,任何地方隐藏掉$(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">新手标</td><td><span class="blo">8-10%</span><span class="tblo">预期年化收益</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">预期年化收益</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">稳系列</td><td><span class="blo">12-14%</span><span class="tblo">预期年化收益</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">房产宝</td><td><span class="blo">8-16%</span><span class="tblo">预期年化收益</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">联系我们</a></li></ul></div></div><include file="Public:footer" />


以上所述是小编给大家介绍的基于JavaScript实现点击页面任何位置返回的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章