📄 default_0804.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="MobileOptimized" content="240">
<title>IE Mobile 主页</title>
<style>
a.header { x-focus-border:none; display:block; text-decoration:none; color:#4C4C4C; font-weight:bold;}
a.header {background-image: url(header_middle_off.png);background-repeat:repeat-x;height:34px; background-color: #e9e9e9}
img.chev {padding:0;margin:0;border:0;align:top}
#searchQuery {border-right:0; border-left:1px solid #aaa;border-top:1px solid #aaa;border-bottom:1px solid #aaa;height:18px;width:80%;vertical-align:middle;}
#searchBar {text-align:center; border:0;padding:0;margin:0;}
#searchImageWrap{border:0;padding:0;margin:0;}
#searchImage { vertical-align:middle;}
div.collection {background-color:#e7eaed;}
span#favCollection, span#histCollection{white-space : nowrap; overflow: hidden }
a.collection { text-overflow-mode : ellipsis;}
img#chevfav,img#chevhist { float:right; }
img#leftfav,img#lefthist { vertical-align:middle}
</style>
<script>
var strFavHTML = "";
var strHistHTML = "";
var screenWidth = window.screen.width;
// Maximum number of favorites/history displayed
var maxCollection = 5;
function RemoveFocus(elem, headerElem, chevElem, leftImgElem, textElem)
{
headerElem.style.backgroundImage = "url(header_middle_off.png)";
headerElem.style.backgroundRepeat = "repeat-x";
leftImgElem.src = imgLeftOff.src;
textElem.style.color = "#4C4C4C";
headerElem.style.backgroundColor = "#E9E9E9";
if (elem.style.display == "none")
{
chevElem.src = imgCollapsedOff.src;
}
else
{
chevElem.src = imgExpandedOff.src;
}
}
//toggles display of up/down arrows when header receives focus
function FocusDisplay(elem, elemopp, headerElem, headerElemOpp, chevElem, chevElemopp, leftImgElem, leftImgElemOpp, textElem, textElemOpp)
{
leftImgElem.src = imgLeftOn.src;
leftImgElemOpp.src = imgLeftOff.src;
textElem.style.color = "#000000";
textElemOpp.style.color = "#4C4C4C";
headerElem.style.backgroundColor = "#C4C4C4";
headerElemOpp.style.backgroundColor = "#E9E9E9";
if (elem.style.display == "none")
{
headerElem.style.backgroundImage = "url(header_middle_on.png)";
headerElem.style.backgroundRepeat = "repeat-x";
chevElem.src = imgCollapsedOn.src;
}
else
{
headerElem.style.backgroundImage = "url(header_middle_on.png)";
headerElem.style.backgroundRepeat = "repeat-x";
chevElem.src = imgExpandedOn.src;
}
if (elemopp.style.display == "none")
{
headerElemOpp.style.backgroundImage = "url(header_middle_off.png)";
headerElemOpp.style.backgroundRepeat = "repeat-x";
chevElemopp.src = imgCollapsedOff.src;
}
else
{
headerElemOpp.style.backgroundImage = "url(header_middle_off.png)";
headerElemOpp.style.backgroundRepeat = "repeat-x";
chevElemopp.src = imgExpandedOff.src;
}
}
//toggles display of up/down arrows when header is clicked
function ToggleDisplay(elem, elemopp, headerElem, headerElemOpp, chevElem, chevElemopp, leftImgElem, leftImgElemOpp, textElem, textElemOpp)
{
if ( (elem == favCollection) && (strFavHTML == "") )
{
// Load the favorites the first time favorites link is opened
LoadFavorites();
}
else if ( (elem == histCollection) && (strHistHTML == "") )
{
// Load the history the first time history link is opened
LoadHistory();
}
leftImgElem.src = imgLeftOn.src;
leftImgElemOpp.src = imgLeftOff.src;
textElem.style.color = "#000000";
textElemOpp.style.color = "#4C4C4C";
headerElem.style.backgroundColor = "#C4C4C4";
headerElemOpp.style.backgroundColor = "#E9E9E9";
if (elem.style.display == "none")
{
headerElem.style.backgroundImage = "url(header_middle_on.png)";
headerElem.style.backgroundImage = "repeat-x";
chevElem.src = imgExpandedOn.src;
elem.style.display = "";
// If other header is open, close it
elemopp.style.display = "none";
// Update the background image of other header
headerElemOpp.style.backgroundImage = "url(header_middle_off.png)";
headerElemOpp.style.backgroundImage = "repeat-x";
// update the chevron of other header
chevElemopp.src = imgCollapsedOff.src;
}
else
{
elem.style.display = "none";
chevElem.src = imgCollapsedOn.src;
}
}
// Call startup on page load
function StartUp()
{
//set focus to input box
document.searchForm.searchQuery.focus();
// Subtract some value to ensure there is no horizontal scroll bar
document.all.body.style.width = screenWidth - 15;
// Set the banner image size if pixel doubling is enabled
var nScaleFactor = ScaleFactor();
var deviceDPI = window.screen.deviceXDPI;
if (nScaleFactor == 2)
{
// 192 dpi pocket pc with pixel scaling on
bannerImage.style.width = 220;
}
// Ensure that search box and search image are aligned
// Ensure that text in search box is not clipped
if ((deviceDPI == 192) && (nScaleFactor == 1))
{
// 192 dpi pocket pc with pixel scaling off.
searchImage.style.height = 28;
}
if (deviceDPI == 131)
{
// 131 dpi device
document.searchForm.searchQuery.style.height = 23;
}
}
// Gets the pixel scaling's scale factor
function ScaleFactor()
{
var deviceDPI = window.screen.deviceXDPI;
var logicalDPI = window.screen.logicalXDPI;
var nScaleFactor = 0;
if (logicalDPI > 0)
{
nScaleFactor = deviceDPI / logicalDPI;
}
return nScaleFactor;
}
// Loads the current favorites
function LoadFavorites()
{
// Subtract some value to ensure there is no horizontal scroll bar
document.all.favCollection.style.width = screenWidth - 20;
// favorites
var favorites = window.external.favorites;
for(var i = 0; ((i < favorites.length) && (i < maxCollection)); ++i)
{
strFavHTML += " <a class=\"collection\" href='' onclick=\"window.external.favorites(" +
i + ").goTo();return false\">" + favorites(i).name +
"</a><br>";
}
strFavHTML += "<br> <a class=\"collection\" href='' onclick=\"window.external.openFavorites();return false\">" +
"更多收藏...</a><br>";
favCollection.innerHTML = strFavHTML;
if (favCollection.innerHTML == "")
{
strFavHTML = "";
}
}
// Loads the current history
function LoadHistory()
{
// Subtract some value to ensure there is no horizontal scroll bar
document.all.histCollection.style.width = screenWidth - 20;
// history
var history = window.external.history;
for(var j = 0; ((j < history.length) && (j < maxCollection)); ++j)
{
strHistHTML += " <a class=\"collection\" href='' onclick=\"window.external.history(" + j +
").goTo();return false\">" + history(j).name + " [" +
StripProtocol(history(j).url) + "]" + "</a><br>";
}
strHistHTML += "<br> <a class=\"collection\" href='' onclick=\"window.external.openHistory();return false\">" +
"更多历史记录...</a><br>";
histCollection.innerHTML = strHistHTML;
if (histCollection.innerHTML == "")
{
strHistHTML = "";
}
}
// Executes the search query
function ExecSearchQuery()
{
if (document.searchForm.searchQuery.value != "")
{
window.external.search(document.searchForm.searchQuery.value);
}
}
// Strips the protocol
function StripProtocol(str)
{
// Matches any protocol followed by "://" followed by
// optional "www." in the url string
var protSrchStr = /(\w+):\/{2}(www.)?/i;
// Matches the last backslash in the url string
var lastBackSlashSrchStr = /\/$/i;
var strReplaced = str.replace(protSrchStr,"");
strReplaced = strReplaced.replace(lastBackSlashSrchStr,"");
return strReplaced;
}
// pre-load our images so that they are in the in-memory image cache
var imgExpandedOff = new Image();
var imgExpandedOn = new Image();
var imgCollapsedOff = new Image();
var imgCollapsedOn = new Image();
var imgMiddleOn = new Image();
var imgMiddleOff = new Image();
var imgLeftOff = new Image();
var imgLeftOn = new Image();
imgExpandedOff.src = "header_expanded_off.png";
imgExpandedOn.src = "header_expanded_on.png";
imgCollapsedOff.src = "header_collapsed_off.png";
imgCollapsedOn.src = "header_collapsed_on.png";
imgMiddleOff.src = "header_middle_off.png";
imgMiddleOn.src = "header_middle_on.png";
imgLeftOff.src = "header_left_off.png";
imgLeftOn.src = "header_left_on.png";
</script>
</head>
<body onload="StartUp();" id="body" align=center>
<center><img src="banner.gif" alt="Microsoft Internet Explorer Mobile" id="bannerImage" /></center>
<div id="searchBar">
<form id="searchForm" onsubmit="ExecSearchQuery();return false" >
<input name="searchQuery" id="searchQuery" type="text"></input>
<a href='' id="searchImageWrap" onclick="ExecSearchQuery();return false">
<img id="searchImage" src="search_btn.png" align="middle"/>
</a>
</form>
</div>
<p></p>
<a href='' onblur="RemoveFocus(favCollection, favheader, chevfav, leftfav, favtext)" onfocus="FocusDisplay(favCollection, histCollection, favheader, histheader, chevfav, chevhist, leftfav, lefthist, favtext, histtext)" onclick="ToggleDisplay(favCollection, histCollection, favheader, histheader, chevfav, chevhist, leftfav, lefthist, favtext, histtext);return false" class=header id=favheader>
<span><img src="header_collapsed_off.png" class="chev" id="chevfav" /></span>
<span><img src="header_left_off.png" id="leftfav" /></span>
<span id=favtext>收藏夹</span>
</a>
<div class=collection>
<span id=favCollection style="display:none"></span>
</div>
<p></p>
<a href='' onblur="RemoveFocus(histCollection, histheader, chevhist, lefthist, histtext)" onfocus="FocusDisplay(histCollection, favCollection, histheader, favheader, chevhist, chevfav, lefthist, leftfav, histtext, favtext);return false;" onclick="ToggleDisplay(histCollection, favCollection, histheader, favheader, chevhist, chevfav, lefthist, leftfav, histtext, favtext);return false" class=header id=histheader>
<span><img src="header_collapsed_off.png" class="chev" id="chevhist" /></span>
<span><img src="header_left_off.png" id="lefthist" /></span>
<span id=histtext>历史记录</span>
</a>
<div class=collection>
<span id=histCollection style="display:none"></span>
</div>
<p></p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -