文字打字机效果,可换字体样式

<div id="text">你好,欢迎光临,今天是个好日子!</div>
<script>
    $(function() {
        daziji("#text", 150); //调用打字机函数
    })
</script>

js

function daziji(dazijiDiv, dazijiTime) {
    var text1 = $(dazijiDiv).text(),
        text2 = text1,
        lentext = text2.length,
        textArray = text2.split("");
    $(dazijiDiv).empty();
    for (i = 0; i < text2.length; i++) {
        $(dazijiDiv).append(‘<span style="display:none">‘ + textArray[i] + ‘</span>‘);
    }
    dazijiShow(dazijiDiv, lentext, dazijiTime);
}
var dazijiN = 0;

function dazijiShow(d, e, f) {
    $(d).children("span").eq(dazijiN).show().css({
        color: ‘#‘ + Math.floor(Math.random() * 16777215).toString(16)
    });
    if (dazijiN < e) {
        dazijiN++;
        setTimeout("dazijiShow(‘" + d + "‘," + e + "," + f + ")", f)
    } else {
        dazijiN = 0;
        setTimeout("dazijiShow(‘" + d + "‘," + e + "," + f + ")", f);
    };

}
时间: 2024-10-12 08:07:29

文字打字机效果,可换字体样式的相关文章

简说字体样式标签

(因为是作业,没写过多少次博文,如有错误 请多指教) 这次说说字体样式标签,有<b> <i> <h1>~<h6> <big> <small> <del> <ins> <sup> <sub> <tt> <em>  <strong> <mark> 等.但首先要事先声明,使用样式能有更细致的效果. 下面详细说明一下作用: <b>:加粗

jQuery实现的简单文字提示效果模拟title(转)

来源 http://www.cnblogs.com/puzi0315/archive/2012/10/17/2727693.html 模拟title实现效果,可以修改文字的样式,换行等. 文件下载: 先看下效果截图: 代码分析: <!-- 引用jQuery --> <script src="jquery.js" type="text/javascript"></script> <style type="text/c

Android TextView设置个别字体样式

TextView进一步深化: Textview 可以对其文字进行格式化. 通过查询资料,了解到格式化文字的方式主要分为两大类: 第一类:HTML标签格式化文字 代码比较简单,如下: import android.app.Activity; import android.os.Bundle; import android.text.Html; import android.widget.TextView; public class AndroidFronColorTest extends Acti

css3中的字体样式

text-overform:ellipsis省略号/clip裁剪. overform:hidden溢出隐藏文字. 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis;  overflow:hidden;  white-space:no

MFC 控件字体样式和颜色设置

因为默认的字体大小比较小,且有时为了美观,MFC控件的字体样式更改有时显得比较重要.这一修改并不是很直观,需要经由代码来完成,代码如下: CFont *m_pFont;//创建新的字体 m_pFont = new CFont; m_pFont->CreateFont(32, // 字体高度 0, // 字体宽度 0, // 字体倾斜角 0, // 字体倾斜角 FW_EXTRALIGHT, // 字体的粗细 FALSE, // 字体是否为斜体 FALSE, // 字体是否有下划线 0, // 字体

【Android】 TextView设置个别字体样式

1 SpannableString msp = new SpannableString("测试"+XM+"更换当前号码将从手机发送一条普通短信进行验证"); 2 msp.setSpan(new ForegroundColorSpan(Color.BLUE), 2, XM.length()+2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 印象中的TextView: TextView 就是用于显示文本的控件,可以在布局文件中通过 androi

50款高品质ps字体样式

50款高品质ps字体样式包含50款不同款式的psd和asl格式的文字样式,可以为您的所有文本产生更完美和有趣的效果,使用方便,所有风格效果只需点击一下即可完成,非常适合于任何字体,形状,插图,徽标,排版,邀请函,名片,墙艺术,贺卡,演示文稿等等. 50款高品质ps字体样式内容介绍 50款高品质ps字体样式可以为您的所有文本产生更完美和有趣的效果,所有风格效果只需点击一下即可完成.特征:- 使用方便- 使用任何字体- 100可扩展- 点击一下- 300DPI- PSD文件- ASL文件 原文地址:

CSS中的字体样式和文本样式

CSS中的字体样式: 在手机端设置大小的时候,一般不使用px CSS字体颜色三种表达方式: 1.具体颜色名称         例:color:red; 2.数字 0~255,百分比:0%~100%        例:color:rgb(0%,100%,0%) 3.十六进制:#开头,六位,0~F         例:color:#00880a font-weight文字粗细: font-weight:normal |bold | bolder |lighter | 100~900 400相当于no

CSS的字体样式

CSS的字体样式 1. span标签(约定俗成:重要的东西用它括起来) 首选介绍一个约定俗成的东西:span标签.一般将想要突出的东西,比较重要的东西,用span标签括起来. 比如,”学习Java“这几个字,想突出Java,就用<span>和</span>标签把Java括起来,然后在用CSS的比如id标签选择器之类的操作它. 当然,不写成span也无所谓,但这是个约定俗成的东西,用span表示重要. HTML代码: <!DOCTYPE html><html lan