星期二, 9月 28, 2010

jquery 打字機效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
<script>
$(function(){
var str = $('#typewriter').text();
var i = 0;
var typing_inst = setInterval(typing, 100);
function typing()
{
    if(i < str.length -1)
    {
        $('#typewriter').text(str.substr(0,i) + "_");
        i++;
    }
    else if(i == str.length-1)
    {
        $('#typewriter').text(str);
        clearInterval(typing_inst);
    }
}
});
</script>
<div id='typewriter'>
嚕啦啦~嚕啦啦~嚕啦嚕啦咧~~
</div>


做成hta的話把jquery 直接貼進去比較快

1 則留言: