制作触摸屏网页程序1

第一次做有关触摸屏网页程序，真是一点头绪都没有，幸好有热心的网友贡献的相关知识和见议才完整的把程序做完。以下是我做的一点点小的总结，算是回报吧，贡献给需要的人。

　　我现在做的是静态页版的网页程序，大体思路是，首先要IE启动后必须是全屏模式（真正意义的上的全屏，不是F11）,其次是网页界面切换，然后是在键鼠停留一定时间内自动返回首页，其它的就是设置鼠标指针、图像工具，插件管理、电源管理、iis、定时开关机等。

一、网页代码设计

1、引导页代码设计（以下代码插入到

之内）

window.opener=null; //解决关闭时是否提示的问题。

window.open('主程序网页地址','my_win','fullscreen=yes, scrollbars=auto','_self','location=no');

//引导你的首页真正全屏显示，只有ALT+F4才能关闭。

window.open('','_self') //这行代码用来实现引导页自动关闭时不提示是否关闭用的。

window.close(); //引导页自动关闭。

2、首页代码设计

function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
οncοntextmenu='return false';
}
}
if (document.layers) {
if (e.which == 3) {
οncοntextmenu='return false';
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.οnmοusedοwn=click;
document.oncontextmenu = new Function("return false;")

body内样式：style="overflow-x:hidden;overflow-y:hidden" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

3、次页代码
meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=, transition=23)"
meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=, transition=23)"

var ms = 0;
var state = 0;
function startstop() {
if (state == 0) {
state = 1;
then = new Date();
then.setTime(then.getTime() - ms);
} else {
state = 0;
now = new Date();
ms = now.getTime() - then.getTime();
}
}
function swreset() {
state = 0;
ms = 0;
}
function display() {
setTimeout("display();", 50);
if (state == 1) {now = new Date();
ms = now.getTime() - then.getTime();
if(ms>=300000)
{
state = 0;
location.href = 'index.htm';
}
}
}

body 标签内

onLoad="display()" style="overflow-x:hidden;overflow-y:hidden" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
body体内

startstop();

二、系统相关设置

1、鼠标指针制作成1像素大小

2、关闭图像工具栏:（IE6内设置，指向图片时有保存、打印、发邮件、打开图像文件夹等四个按钮）

在 Internet Explorer 的“工具”菜单上，单击“Internet 选项”。
在“高级”选项卡的“多媒体”区域，勾选“启用图像工具栏”复选框。

3、设置电源(监视器、硬盘)一直打开，同时取消屏保；

4、架设信息服务器，设置站点，将网页程序加入，获取网址（http://localhost/）

5、将网址添加到IE主页（引导页），同时将IE加入到开机启动项中(开机后直接运行网页程序引导页，达到全民屏效果);

6、设置开关机时间

定时关机：下载关机王软件

定时开机：主板BIOS设置起机时间