Android如何使用jQuery实现项点击显示或隐藏的特效

　　介绍

这篇文章主要介绍Android如何使用jQuery实现项点击显示或隐藏的特效,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

<>强效果图

Android如何使用jQuery实现项点击显示或隐藏的特效

<强>分析

上图中的功能在很多应用上都可能用到过,例如应用的帮助界面,告诉用户如何使用应用

一般的实现方式都是通过ListView来实现的,实际上此类需求非常简单,完全可以用WebView加载HTML来实现

抽屉样式的显示隐藏特效可以使用jQuery来实现,一个函数就可以搞定

<强>实现

<强>集成jQuery

网页中需要使用到jQuery,最新版本可以去官网下载

http://jquery.com/download/

不推荐使用超链接关联的方式把jQuery集成到网页中,如帮助页面就需要考虑在不联网的情况下被访问,所以建议把jQuery放入工程中

这里使用的是发布的精简版本,直接对链接右键另存为文本

Android如何使用jQuery实现项点击显示或隐藏的特效

将另存为的文本重命名为jQuery。js,在HTML中通过以下代码将jQuery集成进来

& lt; script  https://www.yisu.com/zixun/src=" jquery.js ">

记得要根据集成的路径修改对应的引入路径

<强>编写网页

实现一个简单的单条项显示/隐藏特效

& lt; ! doctype  html> 　　& lt; html> 　　& lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=UTF-8"比; 　　& lt; meta  name=皏iewport",内容=俺跏?1.0,,user-scalable=no"/比; 　　 　　& lt; !——,网页样式,——比; 　　& lt; style 类型=拔谋?css"比; 　　,身体,html  { 　　,,宽度:100%; 　　,,身高:100%; 　　保证金才能:0; 　　,,字体类型:“微软雅黑“; 　　,,字体大小:16 px; 　　,} 　　 　　,div.div300  { 　　保证金才能:0 px; 　　填充才能:5 px; 　　背景:# ffffff;才能 　　边境才能:solid  1 px  # c3c3c3; 　　,} 　　 　　,h4.h400  { 　　保证金才能:0 px; 　　填充才能:5 px; 　　背景:# F5F5F5;才能 　　边境才能:solid  1 px  # c3c3c3; 　　,,颜色:黑色; 　　,} 　　& lt;/style> 　　 　　& lt; !——,控制逻辑,——比; 　　& lt; https://www.yisu.com/zixun/script  src=" jquery.js ">