在触屏上使用CSS3为按钮实现激活效果
2013-09-17 15:13
381 查看
1. :hover伪类在触屏上表现不完美,在Android的WebView中,WebKit会处理touch事件和mouse事件,当手指停留在按钮上,hover状态的确被触发,但是当手指保持接触屏幕并离开按钮,hover状态依然保留。所以需要借助:active伪类的css来表现状态变化。
2. 在触屏上,:hover和:active也不是直接就起到作用的,这里要借助一个小小的hack,在html的body中(或者目标元素上)添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件。
2. 在触屏上,:hover和:active也不是直接就起到作用的,这里要借助一个小小的hack,在html的body中(或者目标元素上)添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件。
相关文章推荐
- 使用jQuery和CSS3实现的“加载中”效果按钮 极客标签 - 做最棒的极客知识分享平台
- 不使用JS,使用CSS3 target 以及 动画效果实现,点击一下弹出,并且保持弹出状态,然后再点击一下弹回的导航栏(或者可以叫做按钮)
- Extjs 利用panel html属性加入DIV实现如TextArea的效果,并且能正确使用html标签,实现如向textarea文本域嵌入按钮button或其他控件,,而且兼容firefox
- 使用 CSS3 实现超炫的 Loading(加载)动画效果
- 使用CSS3实现超炫的Loading(加载)动画效果
- css3 实现按钮点击动画效果(加工)
- CSS3点击按钮实现背景渐变动画效果
- 美团分类导航按钮效果使用ViewPager+GridView实现左右滑动查看更多分类的功能
- 使用 StoryBoard 实现左右按钮切换图片的浏览效果
- css3 | 中的animation/@keyframes xz动画效果-如何使用纯css实现动画效果? 用法:animation:xz 3s 2 4s alternate; 参数:animati
- 使用 CSS3 实现 3D 图片滑块效果【附源码下载】
- 使用 CSS3 实现超炫的 Loading(加载)动画效果
- 使用CSS实现按钮点击波纹效果
- 使用定时器timer实现按钮闪烁的效果
- 使用AngularJS2中的指令实现按钮的切换效果
- 使用CSS实现按钮点击波纹效果
- 使用 CSS3 可以实现的五种很酷很炫的效果
- 使用CSS3来实现滚动视差效果的教程