触摸屏网页要领知识

       今天朋友给我个页面,一看是1024*768的,我就说了,哪有这样设计页面的这肯定得出滚动条了,朋友说是针对触摸屏的,哎,还是自己孤陋寡闻啊,于是去搜索了下触摸屏网页应该注意的问题,觉得下面文章挺不错的,分享给大家。

第一部分 代码部分
首先要考虑的是硬件的分辨率问题。现在主流的触摸屏大小是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">

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

by 雪洁 2010-09-19 16:47:54 3085 views
我来说几句

相关文章