文字的打字效果


var pos = 0;
var timeid;
function bridge_f(_dom,text){
clearTimeout(timeid);
var d = $(_dom).find("p");
var max = text.length;
d.html(text.substring(1, pos));
pos++;
if(pos<=max){
timeid = setTimeout(function(){bridge_f(_dom,text);}, 100);
}
}
function show_fun(_dom){
pos=0;
$(_dom).parent().parent().hide();
var d =$(_dom).parent().parent().next();
d.show();
bridge_f($(d),$(d).find("p").html());
}



终于把它弄好了,在点击事件触发的时候先是执行show_fun函数,传进去一个dom,是点击节点本身,然后是把本层节点隐藏,把下层节点显示(这个动作是别人原先需要的),然后是执行显示文字的效果,把要显示的节点和要显示的文字都传到方法里面去(原来我只传了以个节点参数,然后用节点参数读取里面的文字,失误啊),然后用setTimeout方法把文字显示出来。注意在setTimeout方法传参的办法要用上。还有要注意的是要把pos参数在show_fun里面置0,否则的话连续执行show_fun函数的话pos永远都是上一个文字的长度。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值