/**

     * 跳转

     * @param type $msg

     * @param type $url

     */

    protected function jump($msg, $url)

    {

        $html = <<<EOF

<!DOCTYPE html>

<html lang="en">

	<head><title>提示</title></head>

	<style>

body {

  font-size: 100%;

  font-family: "Lato", sans-serif;

  color: #8f9cb5;

  background-color: #ffd88f;

}

.cd-popup {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(94, 110, 141, 0.9);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;

}

.cd-popup.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;

}

.cd-popup-container {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: 4em auto;

  background: #FFF;

  border-radius: .25em .25em .4em .4em;

  text-align: center;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.cd-popup-container p {

  padding: 1em 1em;

}

	</style>

	<body>

		<div class="cd-popup is-visible" role="alert">

			<div class="cd-popup-container">

				<p>{$msg}</p>

				<span id="time" style="background: red;">3</span>

				秒后自动跳转，如不跳转，请点击:<a href="{$url}">{$msg}</a>

			</div> <!-- cd-popup-container -->

		</div> <!-- cd-popup -->

		<script  type="text/javascript">

				delayURL("{$url}");

				function delayURL(url) {

					var delay = document.getElementById("time").innerHTML;

					if (delay > 0) {

						delay--;

						document.getElementById("time").innerHTML = delay

					} else {

						window.top.location.href = url

					}

					setTimeout("delayURL('" + url + "')", 1000)

				}

		</script>

	</body>

</html>

EOF;

        echo $html;die;

    }

　　

php 操作提示框的更多相关文章

  1. Yii 操作提示框实现

    如图: html  +  css   代码: 这是 YII  模板的写法 欢迎使用Yii <style> div.success{ background: #C5FBBD; border: ...

  2. Yii的操作提示框

    效果如图 HTML + CSS<style> div.error{ background: #FFE0E0; border: 2px solid #FFA0A0; padding: 10p ...

  3. sweetalert提示框

    文档 sweetalert Api:http://t4t5.github.io/sweetalert/ 开源项目源码:https://github.com/t4t5/sweetalert 在文件中首先 ...

  4. NPOI操作Excel 004：写入空Excel(添加保存提示框)

    前文说道写入excel的样例,当中保存Excle后须要添加提示框.让用户自己选择保存路径,做改动例如以下. 引用的dll等前面已经说过了, 直接看代码: protected void Btn_Writ ...

  5. selenium操作下拉选和网页提示框

    import time from selenium import webdriver from selenium.webdriver.support.select import Select#处理下拉 ...

  6. toastr操作完成提示框

    toastr.js组件 关于信息提示框,项目中使用的是toastr.js这个组件,这个组件最大的好处就是异步.无阻塞,提示后可设置消失时间,并且可以将消息提示放到界面的各个地方. 官方文档以及源码 源 ...

  7. jqury关于cooke的操作写入cookie后只显示一次的DIV提示框代码

    有时候当用户登录系统后,需要给用户弹出提示框,但是不需要总是弹出来,在这里加入访问cookie来判断是否弹出过提示框,如果弹出过那么保存cookie,下次根据cookie是否存在来判断是否弹出 < ...

  8. javascript-模板方法模式-提示框归一化插件

    模板方法模式笔记   父类中定义一组算法操作骨架,而将一些实现步骤延迟到子类中,使得子类可以不改变父类的算法结构的同时可重新定义算法中某些实现步骤   实例:弹出框归一化插件 css样式 ;width ...

  9. js弹出框、对话框、提示框、弹窗总结

    一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...

随机推荐

  1. SQL 添加字段

    制定添加在那个字段后面 ALTER TABLE `szq`.`org_sales_daily` ADD COLUMN `trade_id_onl_count` int(11) NOT NULL DEF ...

  2. Fast Walsh-Hadamard Transform

    这玩意最近经常出现额…… FFT解决的问题是\[C_{k}=\sum_{i+j=k}A_i \cdot B_j\] 其中\(A\).\(B\).\(C\)是三个列向量. 而FWHT是将\(\sum\) ...

  3. System.Zip

    自XE2增加的System.Zip单元很好.注意事项: 1.文件压缩到文档后所使用的文件名会成为解压后的文件名,如果该文件名为指定文件名且无后缀名,那么解压出来的文件名也没有后缀名:

  4. LeetCode OJ：Implement Queue using Stacks（栈实现队列）

    比较典型的一个题目,easy,不过可以有许多实现方式. 这里用的方式是每次pop完成之后再将stack2中的内容立即倒回stack1中.但是其他的实现也可以不是这样,可以是需要push的时候检查再,如 ...

  5. LeetCode OJ：Number of Islands（孤岛计数）

    Given a 2d grid map of '1's (land) and '0's (water), count the number of islands. An island is surro ...

  6. C++设计模式之-原型模式

    Prototype 模式也正是提供了自我复制的功能, 就是说新对象的创建可以通过已有对象进行创建.在 C++中,拷贝构造函数( Copy Constructor) 曾经是很对程序员的噩梦,浅层拷贝和深 ...

  7. 01_StudentManager

    package com.dao; import java.util.ArrayList; import java.util.Iterator; import java.util.List; impor ...

  8. phpMyAdmin 尝试连接到 MySQL 服务器，但服务器拒绝连接

    phpMyAdmin 尝试连接到 MySQL 服务器,但服务器拒绝连接--解决方法     phpMyAdmin 尝试连接到 MySQL 服务器,但服务器拒绝连接.您应该检查配置文件中的主机.用户名和 ...

  9. Lua的清屏快捷方式

    1. Lua (Command Line) 这里清屏的方式是: os.execute("cls") 就是执行了DOS中的清屏命令! 2.SciTE中的清屏方式: -----(1)第 ...

  10. 我也说说Emacs吧(7) - lisp基础

    lisp基础 Lisp是仅次于Fortran的第二古老的著名计算机语言. Lisp从一开始就与众不同的一点在于,它是基于S-表达式的语言.也就是说,代码和数据是用同一种方式表达出来的. S-表达式,我 ...