淘先锋技术网

首页 1 2 3 4 5 6 7

在网页中添加一些特效可以让用户的体验更加有趣和生动,而使用jquery文字命令行特效是一种非常有趣的方法。


//使文本闪烁特效
function blink(selector){
    $(selector).fadeOut('fast', function(){
        $(this).fadeIn('fast', function(){
            blink(this);
        });
    });
}

//将文本添加到命令行中
function type(selector, text){
    var index = 0;
    var jSelector = $(selector);

    //循环中断的函数,以便能够及时返回并停止循环。
    function typeLoop(){
        if(index < text.length){
            jSelector.append(text[index++]);
            setTimeout(typeLoop, 50);
        }
    }

    typeLoop();
}

blink('#logo');
type('#cmd', 'Hello! Welcome to my website!');

jquery文字命令行特效

使用上述代码可以使网站页面中指定的文本以命令行的形式出现,同时还会出现文本闪烁的特效,从而使页面更加生动有趣。

JQuery命令行特效的使用可以增加网站的人性化、趣味性和交互性,给用户留下更好的印象,从而提高用户的满意度。