tp5自定义跳转提示(用户体验!)

tp5很强悍但是 跳转页面有些简洁
如何让它花里胡哨提升用户体验呢?
1.在tp5的公共函数库中自定义跳转方法

function jump($url, $info=NULL, $time=3)
{
// 先判断是立即跳转还是刷新跳转
    if (is_null($info)) {
// 说明是立即跳转
        header('location:' . $url);
        die;
    } else {
// 说明是刷新跳转,应该给出提示
// 直接利用定界符输出模板
        echo <<<TIAOZHUAN
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>提示信息</title>
<style type='text/css'>
    * {margin:0; padding:0;}
    div {width:390px; height:287px; border:1px #09C solid; position:absolute; left:50%; margin-left:-195px; top:10%;}
    div h2 {width:100%; height:30px; line-height:30px; background-color:#09C; font-size:14px; color:#FFF; text-indent:10px;}
    div p {height:120px; line-height:120px; text-align:center;}
    div p strong {font-size:26px;}
</style>
<div>
    <h2>提示信息</h2>
    <p>
        <strong>$info</strong><br />
        页面在<span id="second">$time</span>秒后会自动跳转,或点击<a id="tiao" href="$url">立即跳转</a>
    </p>
</div>
<script type="text/javascript">
    var url = document.getElementById('tiao').href;
    function daoshu(){
        var scd = document.getElementById('second');
        var time = --scd.innerHTML;
        if(time<=0){
            window.location.href = url;
            clearInterval(mytime);
        }
    }
    var mytime = setInterval("daoshu()",1000);
</script>
TIAOZHUAN;
        die;
    }
}

控制器中调用jump方法即可
参数见方法中即可!

为您推荐