我的方式比HTML更有經驗的東西在Android的東西方面,但我會放棄這一點,裸露與我。
好像你可以看一下META tag with something like this
的JavaScript:
var agent=navigator.userAgent.toLowerCase();
var is_iphone = ((agent.indexOf('iphone')!=-1);
if (is_iphone) { conditional code goes here }
用它來設置一個變量,然後使用這樣的事情來檢查你的變量和show/hide some content:
XHTML:
<p>...This is all visible content...
<a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">See more.</a>
</p>
<div id="example" class="more">
<p>...This content is hidden by default...</p>
<p><a href="#" id="example-hide" class="hideLink"
onclick="showHide('example');return false;">Hide this content.</a></p>
</div>
CSS:
.more {
display: none;
border-top: 1px solid #666;
border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url('down.gif') no-repeat left; }
a.hideLink {
background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
border-bottom: 1px dotted #36f; }
的JavaScript:
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID+'-show').style.display != 'none') {
document.getElementById(shID+'-show').style.display = 'none';
document.getElementById(shID).style.display = 'block';
}
else {
document.getElementById(shID+'-show').style.display = 'inline';
document.getElementById(shID).style.display = 'none';
}
}
}
我承認,我不親自跟着一切會在這裏,但我認爲在某種程度上,這些例子和兩個不同的鏈接可以給你,你是之後公佈的結果。
感謝這 - 我有第一部分檢測到移動瀏覽器 - 我會試試看,並讓你知道。 – Dom 2012-04-26 16:31:42