php 仿Comsenz安装效果代码打包提供下载


Posted in PHP onMay 09, 2010

最终的效果如下:

php 仿Comsenz安装效果代码打包提供下载

step.inc.php 安装步骤效果类:

/** 
* step.inc.php 安装步骤效果类 * 
* 从Comsenz产品的数据表安装效果中提取出主要代码,以供大家学习 
* @author tianxin 
* @version 1.0.0 * 
*/ 
class StepClass { 
function show_header() { 
define('SHOW_HEADER', TRUE); 
$step = 1; 
$version = 'beta1.0'; 
$release = '20100223'; 
$install_lang = '简体中文UTF8版'; 
$title = '仿Comsenz安装'; 
$charset = 'uft-8'; 
echo <<<EOT 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=$charset" /> 
<title>$title</title> 
<link rel="stylesheet" href="style.css" type="text/css" media="all" /> 
<script type="text/javascript"> 
function $(id) { 
return document.getElementById(id); 
} 
function showmessage(message) { 
$('notice').value += message + "\\r\\n"; 
} 
</script> 
<meta content="Comsenz Inc." name="Copyright" /> 
</head> 
<div class="container"> 
<div class="header"> 
<h1>$title</h1> 
<span>$version $install_lang $release</span> 
EOT; 
$step > 0 && $this->show_step($step); 
} 
function show_step($step) { 
$laststep = 4; 
$title = '仿Comsenz安装'; 
$comment = '正在执行操作'; 
$stepclass = array(); 
for($i = 1; $i <= $laststep; $i++) { 
$stepclass[$i] = $i == $step ? 'current' : ($i < $step ? '' : 'unactivated'); 
} 
$stepclass[$laststep] .= ' last'; 
echo <<<EOT 
<div class="setup step{$step}"> 
<h2>$title</h2> 
<p>$comment</p> 
</div> 
<div class="stepstat"> 
<ul> 
<li class="$stepclass[1]">1</li> 
<li class="$stepclass[2]">2</li> 
<li class="$stepclass[3]">3</li> 
<li class="$stepclass[4]">4</li> 
</ul> 
<div class="stepstatbg stepstat1"></div> 
</div> 
</div> 
<div class="main"> 
EOT; 
} 
function show_install() { 
?> 
<script type="text/javascript"> 
function showmessage(message) { 
document.getElementById('notice').value += message + "\r\n"; 
} 
function initinput() { 
window.location='https://3water.com'; 
} 
</script> 
<div class="main"> 
<div class="btnbox"><textarea name="notice" style="width: 80%;" readonly="readonly" id="notice"></textarea></div> 
<div class="btnbox marginbot"> 
<input type="button" name="submit" value="正在执行……" disabled style="height: 25" id="laststep" onclick="initinput()"> 
</div> 
<?php 
} 
function runquery() { 
for($i=1;$i<=15;$i++) 
{ 
$this->showjsmessage('执行操作'.' '.$i.' ... '.'成功'); 
//模拟每执行完一个动作的延时 
sleep(1); 
} 
} 
function showjsmessage($message) { 
echo '<script type="text/javascript">showmessage(\''.addslashes($message).' \');</script>'."\r\n"; 
flush(); 
ob_flush(); 
} 
function show_footer($quit = true) { 
echo <<<EOT 
<div class="footer">©2001 - 2010 <a href="https://3water.com/">甜心</a> 瑶瑶说杀很大.</div> 
</div> 
</div> 
</body> 
</html> 
EOT; 
$quit && exit(); 
} 
}

调用方法:
header('Content-Type: text/html; charset=utf-8'); 
include('step.inc.php'); 
$step=new StepClass(); 
//显示页面头部 
$step->show_header(); 
//显示操作进度 
$step->show_install(); 
//运行操作 
$step->runquery(); 
echo '<script type="text/javascript">document.getElementById("laststep").disabled=false;document.getElementById("laststep").value = \'执行完所有操作,进入下一步\';</script>'."\r\n"; 
//显示页面尾部 
$step->show_footer();

完整的demo:stepdemo.rar
PHP 相关文章推荐
通过PHP修改Linux或Unix口令的方法分享
Jan 30 PHP
PHP 第二节 数据类型之字符串类型
Apr 28 PHP
PHP Parse Error: syntax error, unexpected $end 错误的解决办法
Jun 05 PHP
php缓冲 output_buffering和ob_start使用介绍
Jan 30 PHP
php调用C代码的实现方法
Mar 11 PHP
PHP批量检测并去除文件BOM头代码实例
May 08 PHP
PHP定时更新程序设计思路分享
Jun 10 PHP
PHP实现的sqlite数据库连接类
Dec 12 PHP
深入理解PHP之源码目录结构与功能说明
Jun 01 PHP
php简单中奖算法(实例)
Aug 15 PHP
PHP对称加密算法(DES/AES)类的实现代码
Nov 14 PHP
ThinkPHP 5.1 跨域配置方法
Oct 11 PHP
php ob_flush,flush在ie中缓冲无效的解决方法
May 09 #PHP
php 各种应用乱码问题的解决方法
May 09 #PHP
php 输出双引号&quot;与单引号'的方法
May 09 #PHP
php for 循环语句使用方法详细说明
May 09 #PHP
php 函数使用方法与函数定义方法
May 09 #PHP
php 获取select下拉列表框的值
May 08 #PHP
PHP foreach循环使用详解与实例代码
May 08 #PHP
You might like
php制作unicode解码工具(unicode编码转换器)代码分享
2013/12/24 PHP
php抓取网站图片并保存的实现方法
2015/10/29 PHP
基于jQuery实现的当离开页面时出现提示的实现代码
2011/06/27 Javascript
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
2012/06/22 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
第二章之Bootstrap 页面排版样式
2016/04/25 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
JavaScript实现Java中Map容器的方法
2016/10/09 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
Python isinstance判断对象类型
2008/09/06 Python
更改Python命令行交互提示符的方法
2015/01/14 Python
Python中生成器和yield语句的用法详解
2015/04/17 Python
Python随手笔记之标准类型内建函数
2015/12/02 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
python基于http下载视频或音频
2018/06/20 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
Django CBV类的用法详解
2019/07/26 Python
python实现画图工具
2020/08/27 Python
Python爬虫新手入门之初学lxml库
2020/12/20 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
规划编制实施方案
2014/03/15 职场文书
新学期国旗下演讲稿
2014/05/08 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript
Python中with上下文管理协议的作用及用法
2022/03/18 Python