点击页面任何位置返回

<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的区域外,任何地方隐藏掉
        $(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" />

     

时间: 2024-10-13 16:35:24

点击页面任何位置返回的相关文章

点击页面任何位置隐藏div

<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 typ

jquery点击页面其他位置隐藏div

$("#btnAdd").on('click', function (e) { $("#setUp").toggle(); $(document).one('click', function () { $('#setUp').hide(); }) e.stopPropagation();/*stopPropagation();方法可以阻止把事件分派到其他节点*/ }); 原文地址:https://www.cnblogs.com/otsf/p/10796874.htm

JS 侧栏导航点击定位页面内容位置及滚动条滚动改变导航元素对应状态

近来,小码哥应公司需求方要求,要在未来一个专题页面中加入一个效果:即,侧栏导航点击实现页面内容部分运动到相应位置,以及随着body滚动条滚动使导航按钮效果和页面相应内容对应上的一个效果.起初小码哥做的时候,只实现了点击导航按钮让页面相应的内容定位到和按钮相应的地方(在此可以查看小码哥先前写的关于锚点的文章):而随滚动条实现按钮和内容相对应的效果没有做出来,由于项目专题的时限问题,小码哥借鉴了网上一个案例,将其套在自己的页面就够里,实现了想要的效果. 废话不多说了,直接上码吧,,,,,,,,,,,

点击链接实现定位当前页面指定位置

点击链接实现定位当前页面指定位置:在很多网页都有这样的功能,点击一个链接会实现在当前页面的定位功能,实现此功能非常的简单,但是可能学者或者没有接触的朋友还不不了解,下面就对此做一下简单的介绍. <a href="#jump">蚂蚁部落</a> <p id="jump">只有努力才有美好的明天.</p> 以上代码是进行了压缩,将链接的href属性值设置为#+指定元素的id属性值,就可以使它们建立起 相互关系,这样点击链接

武汉兼职女:点击浏览器或者手机返回按钮,刷新历史页面解决方案

武汉兼职女:点击浏览器或者手机返回按钮,刷新历史页面解决方案 我前面文章中写了返回上一页并刷新页面 的方式.这个是我们点击某个按钮,来进行操作的.但是假如我们不是点击某个按钮,而是直接点击手机下面的返回按钮或者浏览器自带返回按钮,如何刷新之前的历史页面呢? 应用场景假如我们有如下页面列表信息页面 enter image description here 点击进入详情页面,在详情页面修改了数据. enter image description here 通过历史返回,再返回到列表信息页面,因为列表

html锚点 点击跳转到页面指定位置

本来是在看阮大神写的ajax教程,突然发现点击目录文字会跳转到相对应的文本内容,于是乎激发了我的兴趣. 这个究竟怎么做的,刚开始看的时候一知半解,找度娘就是:"点击跳转到页面指定位置",找了下,原来专业术语叫:锚点. 度娘真是个博大精深的地方,有着多种的方法可以使用. 最简单的一种: 设置a标签的锚点就行啦,但是有个确定链接会更改,不利于刷新 <div class="skip" id="skip"> <h2>目录</

html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码

一:通过html锚点实现滚动定位到页面指定位置(DIV):    如果我们要点击实现跳转的地方是一个html锚点,也就是点击一个A标签超链接实现跳转,可以把A标签的href属性直接指向跳转指定位置的div,代码实现思路如下: <a class="banner" href="/schoolFair/registration#nav"> <a href="#abc">点击跳转</a>    <div id=&

今天看见了一个有意思的题目-----请实现鼠标点击页面中的任意标签,alert该标签的名字

RT----感觉这个题目蛮有意思的---开整. 我第一眼看到这个题目的时候就觉得简直so easy嘛,没什么挑战性啊,不就是给一个标签绑定一个事件,用this来搞掂就OK了么........... 结果我再仔细一看发现想的略简单....... 好吧,进入正题 我开始一直在想如何给页面上所有的元素绑定同一个事件纠结了不少时间,还百度了一下,不过没找到合适的答案,然后我就想貌似没有这种说法.然后我不知道怎么的就通过a标签想到了window和document对象. 然后给window绑定了事件,点击页

Settings点击Location(位置)后右上角的开关button不会消失

MT8121/8382平台: 前几天又遇到一个源码的bug.在10寸平板上,进入设置界面,点击Location(位置)项,右上角Title处会显示一个开关button,用来开关定位服务.但点完Location项再点其他项的时候,button并不会消失.直到你点到Developer(开发者选项),再点击其他项那个button才会消失.Developer项本身右上角也有一个开关button. 于是很自然地想到,在切换设置项时,Location页面在退出时没有把button去掉. 结果一看果然是. 明