jquery 打字效果

 

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>打字机效果</title>
<style type="text/css">
body {background:#000;color:#fff;font-size:30px;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
function changeText(cont1,cont2,speed){
    var Otimer = null;
    clearInterval(Otimer);
    var Otext=cont1.text();
    var Ocontent=Otext.split("");
    var i=0;
    function show(){
        if(i<Ocontent.length)
        {        
            cont2.append(Ocontent[i]);
            i=i+1;
        };
    };
    Otimer = setInterval(show,speed);    
};
$(document).ready(function(){
    changeText($("p") ,$('#txt') ,100);
});
</script>
</head>

<body>

<p style="display:none;">屌丝大妈，买烟找我一张假50劳资要换还不肯，硬说没50了（他么的，抽屉里一打50的）鈤，看来是想坑我，我没说什么，便拿那张50的又买了一包烟，割割割，那大妈的表情真他么的逗，哈哈哈哈，跟我玩，你太老啦！...</p>
<p id="txt"></p>
</body>
</html>

 

 

 

 

 

 

 

 

 

 

 

posted @ 2013-10-28 15:21  赵小磊  阅读(332)  评论(0)    收藏  举报
回到头部