返回網站首頁 | 網站建設知識庫 | 咨詢熱線:0576-88079628
  • Who are WE
  • Service Introduced
  • Case Show
  • Contact Us
  •  建站咨詢:0576-8807.9628
  •  售后服務:0576-8868.8198

觸摸屏網頁要領知識

作者:臺州網站建設   日期:2008-12-8   來源:臺州網絡公司

今天看到一個朋友在論壇里問這個問題,正好前段時間也剛剛接手了一個設計,所以把經驗寫出來和大

家互相學習。
第一部分 代碼部分
首先要考慮的是硬件的分辨率問題。現在主流的觸摸屏大小是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=../../index.htm">

就是多少秒以后,自動退回首頁
下面這個圖就是一般觸摸屏網頁的樣式
 
第3個圖右邊是具體的文字和圖片信息,這里推薦使用框架
最后注意盡量不使用文字做連接,盡量用圖片,并且圖片間隙要大,呵呵~
隨便說了點,有錯的地方還請大家指正。


搜狗(SoGou)競價排名,雅虎(Yahoo)競價排名,百度(BaiDu)搜索排名,Google關鍵詞廣告推廣排名

CopyRights © 2015 臺州網站建設公司【臺州通聯網絡有限公司】版權所有

網絡公司,網站建設
逆战活动