转触摸屏网页要领知识和网页翻页过渡特效

转自：http://www.cnblogs.com/gaoyuchuanIT/articles/1699281.html和http://www.blogjava.net/linlin2005/archive/2007/03/26/106449.html

第一部分 代码部分
首先要考虑的是硬件的分辨率问题。现在主流的触摸屏大小是17寸的，所以，我们可以使用1024*768来

设计我们的触摸屏网页
触摸屏和普通的网页还是有一定的区别的，如：
触摸屏使用时不可能每天都有人点IE后在输入网址访问。所以，我们得想个办法，让计算机开机后。自

己来读这个网页并显示。
最简单的办法：做个单独页加入以下代码

程序代码
<script type="text/javascript" language="javascript">
window.open( "index.htm", "ts", "fullscreen=1" );
</script>

然后把这个页复制个快捷方式到系统启动项里面，这样就实现了，计算机启动后，启动IE网站的目的
如果您对JavaScrpt有一定的了解，那么通过上面的代码，你可以看到，这是全屏幕读入Index.htm文件

，也就是我们网页的主页
这个问题解决后，我们看看一般的触摸屏播放音乐实现的过程，播放音乐可以在没有使用触摸屏的时候

，播放歌曲。
下面是实现音乐播放的代码

程序代码
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="0"

height="0" codebase="index/muic/hai.mp3">
<param name="Appearance" value="0">
<param name="AutoStart" value="1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="index/muic/hai.mp3">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="0">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="0">
<param name="Volume" value="-320">
</object>

这个只需放在您的主页的第一个页里就可以了。

下面这个代码很重要，呵呵，您可以想一下这样的情况，如果一个浏览者在浏览完信息后，他离开时不

会把网页退到触摸屏的主页，这样就会影响下一位用户的浏览。所以，我们要在信息页里都加上这句

程序代码
<meta http-equiv="refresh" content="300; url=http://www.cnblogs.com/index.htm">

就是多少秒以后，自动退回首页

进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
退出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
x为效果持续的时间
y的取值为1-23:

　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种