html5在android中的使用问题及技巧解读

1、特效按钮的进展
之前的思路：css设置div的样式，在js中实现div对事件的响应，并改变div的样式，以实现动画效果。
1：以动画的形式


代码如下:

var bb = document.getElementById("element");
bb.onclick=function(){
bb.className="list-item-download-inner2";//改变类名，改变CSS样式
var t = setTimeout("init()",500); //以动画的方式，间隔0.5秒后将类名还原
}

这种方式只是一种相似的模拟，而且只有当手指离开按钮的时候这个方法才会执行。 而我们希望的效果是像本地代码中那样，手指点中一个效果，离开又一个效果。

2:在html5中有关于触摸屏的事件：touchstart, touchend, touchmove于是我们引入jquery.js，代码改为如下：


代码如下:

$('#element').bind("touchstart",function(e){
e.className="list-item-download-inner2";//手指点中时改变类名，
});
$('#element').bind("touchend",function(e){
e.className='list-item-download-inner'; //手指离开时，恢复类名，
});

这样，在网页中实现的效果，和在本地代码中实现的效果就一样了。算是一个小技巧，记下来。

赞 (0)

相关推荐

  • 如何在android中使用html作布局文件

    在android开发中,通常使用xml格式来描述布局文件.就目前而言,熟悉android布局及美化的人员少之又少,出现了严重的断层.大部分企业,其实还是程序员自己动手布局.这样既浪费时间和精力,也未必能达到理想的效果.但是,在企业级的android开发中,使用html页面进行布局,也有很多的优势(例如:简单,大部分开发人员及美工都熟悉,方便统一进行更新,管理).据笔者了解,已经有不少的公司在使用这种方式进行布局开发.这也可能是一种趋势. 下面,我将给出一个实例代码,供大家学习使用html页面给a

  • html5在android中的使用问题及技巧解读

    1.特效按钮的进展 之前的思路:css设置div的样式,在js中实现div对事件的响应,并改变div的样式,以实现动画效果. 1:以动画的形式 复制代码 代码如下: var bb = document.getElementById("element"); bb.onclick=function(){ bb.className="list-item-download-inner2";//改变类名,改变CSS样式 var t = setTimeout("ini

  • Android中ListView Item布局优化技巧

    本文实例讲述了Android中ListView Item布局优化技巧.分享给大家供大家参考,具体如下: 之前一直都不知道ListView有多种布局的优化方法,只能通过隐藏来实现,自己也知道效率肯定是很低的,但是也不知道有什么方法,这些天又查了一些资料,然后知道 其实google早就帮我们想好了优化方案了. 假设你的ListView Item有三种布局样式的可能:就比如很简单的显示一行字,要靠左,居中,靠右. 这时我们就可以在BaseAdapter里面重写两个方法: private static

  • 浅析Android中build.gradle的实用技巧

    浅析Android中build.gradle的实用技巧

    1.替换符的使用 (1)在 app-android-defaultConfig (或者多渠道打包)下面可以这样使用 android { defaultConfig { manifestPlaceholders = [ //高德地图key GDKEY: "123456789", ] } } (2)在 AndroidManifest.xml 文件的 application 标签下面这样引用 <!-- 高德地图 --> <meta-data android:name=&qu

  • Android中使用WebSocket实现群聊和消息推送功能(不使用WebView)

    Android中使用WebSocket实现群聊和消息推送功能(不使用WebView)

    WebSocket protocol 是HTML5一种新的协议.它实现了浏览器与服务器全双工通信(full-duplex).WebSocket是Web2.0时代的新产物,用于弥补HTTP协议的某些不足,不过他们之间真实的关系是兄弟关系,都是对socket的进一步封装,其目前最直观的表现就是服务器推送和聊天功能.更多知识参考:如何理解 TCP/IP, SPDY, WebSocket 三者之间的关系? 今天的重点是讲如何在Android中脱离WebView使用WebSocket,而不是在Web浏览器

  • Android中实现WebView和JavaScript的互相调用详解

    Android中实现WebView和JavaScript的互相调用详解

    前言 很多复杂的UI界面,在Android中需要配合大量xml代码和java代码实现,而使用HTML5可以非常轻松的实现出来,而且具有很好的跨平台特性,让我们不必为了多个平台而重写代码,H5学习成本也较低,上手快.虽然从目前来说H5在Android系统中的速度可能还欠佳一些,但相信随着手机的性能不断的提高,这些问题都会被解决 使用H5开发Android的UI界面,最重要的就是如何实现Js代码和Java代码之间的互相调用了 在讲解之前,让我们先把项目跑起来 效果图: 准备好index.html文件

  • Android中WebView控件支持地理位置定位方法

    Android WebView从assets中加载html5页面,实现地理位置定位,有需要的朋友可以参考下. 今天调研一个html5页面的定位问题,发现在手机浏览器上html5是可以实现定位的,但是在webview中就无法定位了.而我居然以为html5的地理定位在webview中不可行. html5页面内容如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.o

  • Android中backgroundDimEnabled的作用

    Android中backgroundDimEnabled的作用

    Android中backgroundDimEnabled的作用 <style name="CustomDialogStyle" parent="@android:style/Theme.Dialog"> <item name="android:windowBackground">@android:color/transparent</item> <item name="android:windo

  • Android中AlarmManager+Notification实现定时通知提醒功能

    AlarmManager简介 AlarmManager实质是一个全局的定时器,是Android中常用的一种系统级别的提示服务,在指定时间或周期性启动其它组件(包括Activity,Service,BroadcastReceiver).本文将讲解一下如何使用AlarmManager实现定时提醒功能. 闹钟配置 周期闹钟 Intent intent = new Intent(); intent.setAction(GlobalValues.TIMER_ACTION_REPEATING); Pendi

  • android中Invalidate和postInvalidate的更新view区别

    Android中实现view的更新有两组方法,一组是invalidate,另一组是postInvalidate,其中前者是在UI线程自身中使用,而后者在非UI线程中使用. Android提供了Invalidate方法实现界面刷新,但是Invalidate不能直接在线程中调用,因为他是违背了单线程模型:Android UI操作并不是线程安全的,并且这些操作必须在UI线程中调用. Android程序中可以使用的界面刷新方法有两种,分别是利用invalidate和利用postInvalidate()来

  • Android中Json数据读取与创建的方法

    Android中Json数据读取与创建的方法

    首先介绍下JSON的定义,JSON是JavaScript Object Notation的缩写. 一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性.业内主流技术为其提供了完整的解决方案(有点类似于正则表达式,获得了当今大部分语言的支持),从而可以在不同平台间进行数据交换.JSON采用兼容性很高的文本格式,同时也具备类似于C语言体系的行为. JSON的结构: (1) Name/Value Pairs(无序的):类似所熟知的Keyed list. Hash table.Disctiona

随机推荐