app里怎么加js特效，加了个js文字特效。只显示文字没有特效。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="misapplication-tap-highlight" content="no"/>
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>
<title>柬 约</title>
<link href="js/animate.css" rel="stylesheet">
<link href="js/style.css" rel="stylesheet">
<script type="text/javascript" charset="utf-8">
//取消浏览器的所有事件，使得active的样式在手机上正常生效
document.addEventListener('touchstart',function(){
return false;
},true);
// 禁止选择
document.oncontextmenu=function(){
return false;
};
// plus事件处理
var as='slide-in-right',at=100;// 默认动画时间
function plusReady(){
// 隐藏滚动条
plus.webview.currentWebview().setStyle({scrollIndicator:'none'});
compatibleAdjust();
//plus.storage.setItem("username","admin");
//plus.storage.setItem("password","admin"); }
if(window.plus){
plusReady();
}else{
document.addEventListener('plusready',plusReady,false);
}
// DOMContentLoaded事件处理
var _domReady=false;
document.addEventListener('DOMContentLoaded',function(){
_domReady=true;
compatibleAdjust();
},false);
// 兼容性样式调整
var _adjust=false;
function compatibleAdjust(){
if(_adjust||!window.plus||!_domReady){
return;
}
_adjust=true;
// iOS平台使用div的滚动条
if('iOS'==plus.os.name){
as='pop-in';
at=300;
document.getElementById('content').className='login_scontent';
}
// 预创建二级窗口
//preateWebviews();
// 关闭启动界面
setTimeout(function(){
plus.navigator.closeSplashscreen();
},500);
// Android处理返回键
plus.key.addEventListener('backbutton',function(){
if(confirm('确认退出？')){
//back(false);
//if(tccs==0){
//outLine2("再按一次退出");
//tccs++;
//}else{
plus.runtime.quit();
//}
}
},false);
}
// 处理点击事件
var _openw=null;
function clicked(id){
if(_openw){return;}
_openw=preate[id];
if(_openw){
if(_openw.showded){
_openw.show(as,at);
}else{
_openw.show(as,at);
_openw.showded=true;
}
_openw=null;
}else{
var wa=plus.nativeUI.showWaiting();
_openw=plus.webview.create(id,id,{scrollIndicator:'none',scalable:false,popGesture:'hide'},{preate:true});
preate[id]=_openw;
_openw.addEventListener('loaded',function(){//叶面加载完成后才显示
// setTimeout(function(){//延后显示可避免低端机上动画时白屏
wa.close();
_openw.show(as,at);
_openw.showded=true;
_openw=null;
// },200);
},false);
_openw.addEventListener('close',function(){//页面关闭后可再次打开
_openw=null;
preate[id]&&(preate[id]=null);//兼容窗口的关闭
},false);
}
}
</script>
</head>
<body>
<p class="y1">GPS定位</p><span id="e1"> 二维码GPS锁定,确保巡检现场完成</span>
<p class="y1">现场重现</p><span id="e2"> 现场影像记录,可核实免争议</span>
<p class="y1">即时信息</p> <span id="e3"> 即时公布巡检结果,轻松掌握现场动态</span>
<p class="y1">备忘录</p><span id="e4"> 随时随地通知,自我提醒、备忘</span>
<p class="y1">结果数据化</p><span id="e5"> 可随时调用、统计、分析、查询</span>
<p class="y1">NFC & 二维码</p><span id="e6"> 支持多环境工作</span>
<p class="y1" id="i7">统计查询</p><span id="e7"> 上级领导实时查看工作进度</span>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/jquery.lettering.js"></script>
<script src="js/highlight.min.js"></script>
<script src="js/jquery.textillate.js"></script>
<script type="text/javascript" charset="utf-8">
$('#e1').textillate();
$('#e2').textillate();
$('#e3').textillate();
$('#e4').textillate();
$('#e5').textillate();
$('#e6').textillate();
$('#i7').textillate();
$('#e7').textillate({ initialDelay: 10000 });
</script>
</body> </html>
1 个回复
DCloud_heavensoft
你可以在你手机的rom自带浏览器里试试能不能有特效。
一般都是因为浏览器兼容性造成的，jq虽号称兼容，但也有很多不兼容。
另外手机App使用pc web框架会拖累性能，建议使用原生的js写法。