这是一个创建于 4686 天前的主题，其中的信息可能已经有所发展或是发生改变。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'hover', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>
这段代码中的 action:hover 在 iPad 中虽然也能点击，但点一下又缩回去了......
其实，就是解决http://t.cn/zOy9y5T这个页面在 iPad 上浏览时，左侧导航点一下就缩回去的问题.......
代码来自 http://www.building58.com/examples/tabSlideOut.html
请高人帮忙
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
<script type="text/javascript">
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'hover', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>
这段代码中的 action:hover 在 iPad 中虽然也能点击，但点一下又缩回去了......
其实，就是解决http://t.cn/zOy9y5T这个页面在 iPad 上浏览时，左侧导航点一下就缩回去的问题.......
代码来自 http://www.building58.com/examples/tabSlideOut.html
请高人帮忙
 |
1
cutehalo 2012-02-23 17:00:13 +08:00
action: 'hover', //options: 'click' or 'hover', action to trigger animation
把这里的hover改成click？其实我是猜的 没仔细看.... |
|
2
cutehalo 2012-02-23 17:01:45 +08:00
好像还真是这样....iPad上面没有鼠标 没法hover 改成click就变成点击显示了
|
 |
4
benzhe 2012-02-23 17:16:58 +08:00
...
action:navigator.userAgent.indexOf('iPad')>=0?'click':'hover', ... 这样应该可以吧 |
Select Language