这是我的第一款基于Jquery编写的背单词app，使用Hbuilder工具，借助Eclipse软件，可以实现在手机直接安装app。该app界面比较简单，但主要是关于内容展现的，不涉及到数据库，所以看起来无任何绚丽的画面，但实用性很强，尤其对于词根记忆法，亲测有用，对想学英语的同学，知识点非常有用。
实现界面如下：
实现的主要代码如下：
$(function(){
var curY;//所选项的top值
var curH;//所选项的Height值
var curW;//所选项的Width值
var srtY;//设置提示箭头的top值
var srtX;//设置提示箭头的left值
var objL;//获取当前对象
function setInitValue(obj){
curY = obj.offset().top
curH = obj.height();
curW = obj.width();
}
$(".menu").mouseover(function(){
$(".content").show();
}).mouseout(function(){
$(".content").hide();
});
$(".optn").mouseover(function() {
objL = $(this);
setInitValue(objL);
var ally = curY - curH +"px";
objL.addClass('optnFocus');
objL.next("ul").show().css({"top":ally,"left":curW})
}).mouseout(function() {
$(this).removeClass('optnFocus');
$(this).next("ul").hide();
});
$(".tip").mousemove(function() {
$(this).show();
objL = $(this).prev("li");
setInitValue(objL);
objL.addClass('optnFocus');
}).mouseout(function(event) {
$(this).hide();
$(this).prev("li").removeClass('optnFocus');
});
});
/* jquery部分，先定义一个记录翻到多少页的变量 */
var divnum=1;
/* 相当于.innerhtml=""; jquery设置一个节点的值是需要这样设定的 */
$("#divnumber").text(divnum)
/* 在#mypage页面开启触控 */
$(document).on("pageinit","#mypage",function(){
$("#word-1").on("swipeleft",function(){
$("#word-1").hide("fast");
$("#word-2").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-2").on("swiperight",function(){
$("#word-1").show("fast");
$("#word-2").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-2").on("swipeleft",function(){
$("#word-2").hide("fast");
$("#word-3").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-3").on("swiperight",function(){
$("#word-2").show("fast");
$("#word-3").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-3").on("swipeleft",function(){
$("#word-3").hide("fast");
$("#word-2").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-4").on("swiperight",function(){
$("#word-3").show("fast");
$("#word-4").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-4").on("swipeleft",function(){
$("#word-4").hide("fast");
$("#word-3").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-5").on("swiperight",function(){
$("#word-4").show("fast");
$("#word-5").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-5").on("swipeleft",function(){
$("#word-5").hide("fast");
$("#word-4").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-6").on("swiperight",function(){
$("#word-5").show("fast");
$("#word-6").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-6").on("swipeleft",function(){
$("#word-6").hide("fast");
$("#word-5").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-7").on("swiperight",function(){
$("#word-6").show("fast");
$("#word-7").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-7").on("swipeleft",function(){
$("#word-7").hide("fast");
$("#word-6").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-8").on("swiperight",function(){
$("#word-7").show("fast");
$("#word-8").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-8").on("swipeleft",function(){
$("#word-8").hide("fast");
$("#word-7").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-9").on("swiperight",function(){
$("#word-8").show("fast");
$("#word-9").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-9").on("swipeleft",function(){
$("#word-9").hide("fast");
$("#word-8").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-10").on("swiperight",function(){
$("#word-9").show("fast");
$("#word-10").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-10").on("swipeleft",function(){
$("#word-10").hide("fast");
$("#word-9").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-11").on("swiperight",function(){
$("#word-10").show("fast");
$("#word-11").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-11").on("swipeleft",function(){
$("#word-11").hide("fast");
$("#word-10").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-12").on("swiperight",function(){
$("#word-11").show("fast");
$("#word-12").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-12").on("swipeleft",function(){
$("#word-12").hide("fast");
$("#word-11").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-13").on("swiperight",function(){
$("#word-12").show("fast");
$("#word-13").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-13").on("swipeleft",function(){
$("#word-12").hide("fast");
$("#word-13").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-14").on("swiperight",function(){
$("#word-13").show("fast");
$("#word-14").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-14").on("swipeleft",function(){
$("#word-13").hide("fast");
$("#word-14").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-15").on("swiperight",function(){
$("#word-14").show("fast");
$("#word-15").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-15").on("swipeleft",function(){
$("#word-14").hide("fast");
$("#word-15").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-16").on("swiperight",function(){
$("#word-15").show("fast");
$("#word-16").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-16").on("swipeleft",function(){
$("#word-15").hide("fast");
$("#word-16").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-17").on("swiperight",function(){
$("#word-16").show("fast");
$("#word-17").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-17").on("swipeleft",function(){
$("#word-16").hide("fast");
$("#word-17").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-18").on("swiperight",function(){
$("#word-17").show("fast");
$("#word-18").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-18").on("swipeleft",function(){
$("#word-17").hide("fast");
$("#word-18").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-19").on("swiperight",function(){
$("#word-18").show("fast");
$("#word-19").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-19").on("swipeleft",function(){
$("#word-18").hide("fast");
$("#word-19").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-20").on("swiperight",function(){
$("#word-19").show("fast");
$("#word-20").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-20").on("swipeleft",function(){
$("#word-19").hide("fast");
$("#word-20").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-21").on("swiperight",function(){
$("#word-20").show("fast");
$("#word-21").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-21").on("swipeleft",function(){
$("#word-20").hide("fast");
$("#word-21").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-22").on("swiperight",function(){
$("#word-21").show("fast");
$("#word-22").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
$("#word-22").on("swipeleft",function(){
$("#word-21").hide("fast");
$("#word-22").show("fast");
divnum=divnum+1;
$("#divnumber").text(divnum)
});
$("#word-23").on("swiperight",function(){
$("#word-22").show("fast");
$("#word-23").hide("fast");
divnum=divnum-1;
$("#divnumber").text(divnum)
});
});
$(function(){
$("#w1").on("click",function(){
$("#word-1").show("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w2").on("click",function(){
$("#word-2").show("fast");
$("#word-1").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w3").on("click",function(){
$("#word-3").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w4").on("click",function(){
$("#word-4").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w5").on("click",function(){
$("#word-5").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w6").on("click",function(){
$("#word-6").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w7").on("click",function(){
$("#word-7").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w8").on("click",function(){
$("#word-8").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w9").on("click",function(){
$("#word-9").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w10").on("click",function(){
$("#word-10").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w11").on("click",function(){
$("#word-11").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w12").on("click",function(){
$("#word-12").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w13").on("click",function(){
$("#word-13").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w14").on("click",function(){
$("#word-14").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w15").on("click",function(){
$("#word-15").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w16").on("click",function(){
$("#word-16").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w17").on("click",function(){
$("#word-17").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w18").on("click",function(){
$("#word-18").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w19").on("click",function(){
$("#word-19").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w20").on("click",function(){
$("#word-20").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w21").on("click",function(){
$("#word-21").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-22").hide("fast");
$("#word-23").hide("fast");
});
$("#w22").on("click",function(){
$("#word-22").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-23").hide("fast");
});
$("#w23").on("click",function(){
$("#word-23").show("fast");
$("#word-1").hide("fast");
$("#word-2").hide("fast");
$("#word-3").hide("fast");
$("#word-4").hide("fast");
$("#word-5").hide("fast");
$("#word-6").hide("fast");
$("#word-7").hide("fast");
$("#word-8").hide("fast");
$("#word-9").hide("fast");
$("#word-10").hide("fast");
$("#word-11").hide("fast");
$("#word-12").hide("fast");
$("#word-13").hide("fast");
$("#word-14").hide("fast");
$("#word-15").hide("fast");
$("#word-16").hide("fast");
$("#word-17").hide("fast");
$("#word-18").hide("fast");
$("#word-19").hide("fast");
$("#word-20").hide("fast");
$("#word-21").hide("fast");
$("#word-22").hide("fast");
});
})实现两个主要功能，具体如下：
1. 可以实现下拉菜单列表，以及点击弹出界面；
2. 通过swipeleft和swiperight实现滑动跳转。
总结
虽然app比较简单，但是一个完全的app，从布局、交互到安装完整的实现，源代码中由开机动画，完全类似一个常用app状态，感兴趣的朋友可以到我的主页下载。
扫一扫
2544
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
