?? 嵌入式系統中的觸摸屏及其控制.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0076)http://www.membraneswitch.org/article/Article_Show.asp?Pay=yes&ArticleID=695 -->
<HTML><HEAD><TITLE>嵌入式系統中的觸摸屏及其控制</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>A {
TEXT-DECORATION: none
}
A:hover {
COLOR: #ae0927
}
A:link {
COLOR: #666666
}
A:visited {
COLOR: #333333
}
BODY {
BACKGROUND: #ffffff; FONT-SIZE: 9pt; TEXT-DECORATION: none; SCROLLBAR-FACE-COLOR: #f6f6f6; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #330000; SCROLLBAR-TRACK-COLOR: #f6f6f6; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
TD {
FONT-FAMILY: 宋體; FONT-SIZE: 9pt; LINE-HEIGHT: 150%
}
INPUT {
BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; COLOR: #666666; FONT-SIZE: 9pt; HEIGHT: 18px
}
SELECT {
BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; COLOR: #666666; FONT-SIZE: 9pt; HEIGHT: 18px
}
BUTTON {
FONT-SIZE: 9pt; HEIGHT: 20px
}
SELECT {
FONT-SIZE: 9pt; HEIGHT: 20px
}
.border {
BACKGROUND: url(Skin/01/border.gif); BORDER-BOTTOM: #999999 1px solid; BORDER-TOP: #999999 1px solid
}
.border2 {
BACKGROUND: #ffffff; BORDER-BOTTOM: #cc0000 2px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid
}
.title_txt {
BACKGROUND: url(Skin/01/topBar_bg_20.gif)
}
.title {
BACKGROUND: #cccccc; HEIGHT: 20px
}
.tdbg {
BACKGROUND: #ffffff; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; LINE-HEIGHT: 150%
}
.txt_css {
BACKGROUND: url(Skin/01/txt_css.gif); BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; HEIGHT: 36px
}
.title_lefttxt {
FILTER: Glow(Color=#ffffff, Strength=5)
}
.title_left {
BACKGROUND: url(Skin/01/title_left.gif); HEIGHT: 26px
}
.tdbg_left {
BACKGROUND: url(Skin/01/tdbg_left.gif); LINE-HEIGHT: 150%
}
.title_left2 {
BACKGROUND: url(Skin/01/title_left2.gif); HEIGHT: 10px
}
.tdbg_left2 {
BACKGROUND: url(Skin/01/tdbg_left2.gif); HEIGHT: 13px
}
.tdbg_leftall {
BACKGROUND: #f6f6f6
}
.title_maintxt {
FILTER: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1)
}
.title_main {
BACKGROUND: url(Skin/01/title_main.gif); HEIGHT: 22px
}
.tdbg_main {
BACKGROUND: url(Skin/01/tdbg_main2.GIF); LINE-HEIGHT: 100%
}
.title_main2 {
BACKGROUND: url(Skin/01/maintop.gif); HEIGHT: 202px
}
.tdbg_main2 {
BACKGROUND: url(Skin/01/tdbg_main3.GIF); HEIGHT: 27px
}
.tdbg_mainall {
BACKGROUND: url(Skin/01/kt01-p1.GIF)
}
.title_righttxt {
FILTER: Glow(Color=#ffffff, Strength=5)
}
.title_right {
BACKGROUND: url(Skin/01/title_right.gif); HEIGHT: 26px
}
.tdbg_right {
BACKGROUND: url(Skin/01/tdbg_right.gif); LINE-HEIGHT: 150%
}
.title_right2 {
BACKGROUND: url(Skin/01/title_right2.gif); HEIGHT: 23px
}
.tdbg_right2 {
BACKGROUND: url(Skin/01/tdbg_right2.gif); HEIGHT: 23px
}
.tdbg_rightall {
BACKGROUND: #f6f6f6; BORDER-BOTTOM: #a1a1a1 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #a1a1a1 1px solid; BORDER-TOP: #cccccc 1px solid
}
.topborder {
BACKGROUND-IMAGE: url(Skin/01/topborder.gif); BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid
}
.nav_top {
BACKGROUND: url(Skin/01/nav_top.gif); HEIGHT: 25px
}
.nav_main {
BACKGROUND: url(Skin/01/nav_main.gif); HEIGHT: 134px; LINE-HEIGHT: 150%
}
.nav_bottom {
BACKGROUND-IMAGE: url(Skin/01/nav_bottom.gif); BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; HEIGHT: 5px
}
.nav_menu {
BACKGROUND: url(Skin/01/nav_menu.gif); HEIGHT: 24px
}
.menu {
BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM: 1px; BORDER-LEFT: 1px; BORDER-RIGHT: 1px; BORDER-TOP: 1px; WIDTH: 97%
}
TD.MenuBody {
BACKGROUND-COLOR: #ffffff
}
</STYLE>
<SCRIPT language=JavaScript type=text/JavaScript>
function HideMenu()
{
}
</SCRIPT>
<SCRIPT language=JavaScript1.2 src="嵌入式系統中的觸摸屏及其控制.files/stm31.js"
type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
//樹形導航的JS代碼
document.write("<style type=text/css>#master {LEFT: -200px; POSITION: absolute; TOP: 25px; VISIBILITY: visible; Z-INDEX: 999}</style>")
document.write("<table id=master width='218' border='0' cellspacing='0' cellpadding='0'><tr><td><img border=0 height=6 src=images/menutop.gif width=200></td><td rowspan='2' valign='top'><img id=menu onMouseOver=javascript:expand() border=0 height=70 name=menutop src=images/menuo.gif width=18></td></tr>");
document.write("<tr><td valign='top'><table width='100%' border='0' cellspacing='5' cellpadding='0'><tr><td height='400' valign='top'><table width=100% height='100%' border=1 cellpadding=0 cellspacing=5 bordercolor='#666666' bgcolor=#ecf6f5 style=FILTER: alpha(opacity=90)><tr>");
document.write("<td height='10' align='center' bordercolor='#ecf6f5'><font color=999900><strong>用 戶 控 制 面 版</strong></font></td></tr><tr><td valign='top' bordercolor='#ecf6f5'>");
document.write("<iframe width=100% height=100% src='userinfo_left.asp?userid=1388' frameborder=0></iframe></td></tr></table></td></tr></table></td></tr></table>");
var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0
var master = new Object("element")
master.curLeft = -200; master.curTop = 10;
master.gapLeft = 0; master.gapTop = 0;
master.timer = null;
if(ie){var sidemenu = document.all.master;}
if(ns){var sidemenu = document.master;}
setInterval("FixY()",100);
function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
clearTimeout(eval(layerName).timer)
if(eval(layerName).curLeft != fromLeft){
if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
if(ns){document[layerName].left = eval(layerName).curLeft}
}
if(eval(layerName).curTop != fromTop){
if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
if(ie){document.all[layerName].style.top = eval(layerName).curTop}
if(ns){document[layerName].top = eval(layerName).curTop}
}
eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}
function setPace(layerName, fromLeft, fromTop, motionSpeed){
eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed
moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}
var expandState = 0
function expand(){
if(expandState == 0){setPace("master", 0, 10, 10); if(ie){document.menutop.src = "images/menui.gif"}; expandState = 1;}
else{setPace("master", -200, 10, 10); if(ie){document.menutop.src = "images/menuo.gif"}; expandState = 0;}
}
function FixY(){
if(ie){sidemenu.style.top = document.body.scrollTop+10}
if(ns){sidemenu.top = window.pageYOffset+10}
}
//-->
</SCRIPT>
<SCRIPT language=JavaScript type=text/JavaScript>
//雙擊鼠標滾動屏幕的代碼
var currentpos,timer;
function initialize()
{
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -