10条小代码开发iPhone友好的网站

核心提示：myLinks[i].addEventListener(’touchstart’, function(){this.className = “hover”;}, false);myLinks[i].addEventListener(’touchend’, function(){this.className = “”;}

myLinks[i].addEventListener(’touchstart’, function(){this.className = “hover”;}, false);

myLinks[i].addEventListener(’touchend’, function(){this.className = “”;}, false);

}

然后用CSS增加hover效果：

a:hover, a.hover { /* 你的hover效果 */ }

这样设计一个链接，感觉可以更像按钮。并且，这个模拟可以用在任何元素上。

  原文：http://mocreative.net/design/10-snippets-iphone-friendly/

参考资料：

iPhone CSS—tips for building iPhone websites

iPhone & iPod Detection Using Javascript

iPhone Development: 12 Tips To Get You Started

Tutorial: Building a website for the iPhone

hover pseudoclass for the iPhone