Reminisce .

教学 ♥ 自动打字的状态

14 July 2012 @ 8:51 AM

给 Angel 的教程

转帖请留言和附上链接 ♥

步骤一

Blogger template : Design - Edit Layout -
Add a gadget - Html/Javascript

Blogskin : Template - Edit Html

选择你要放这个小工具的地方 .

步骤二

放入以下代码 :

<form name="news">
<textarea rows="1" style="border:3px double #000000;font-size:12px;" cols="30" name="news2" wrap="virtual"></textarea>

<script language="JavaScript">
var newsText = new Array();
newsText[0] = "内容 1";
newsText[1] = "内容 2";
newsText[2] = "内容 3";
newsText[3] = "内容 4";
newsText[4] = "内容 5";
newsText[5] = "内容 6";
newsText[6] = "内容 7";

var ttloop = 1; // Ulang Tulisan atau Tidak jika 1 = ya, 0 = tidak
var tspeed = 70; // Jalannya tulisan per milisekon (makin banyak makin lambat)
var tdelay = 1000; // Pergantian Kalimat

// ------------- CANNOT EDITING ------------- \
var dwAText, cnews=0, eline=0, cchar=0, mxText;

function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}

doNews()
</script>
</form>

红色的是框框的粗细度 .

黄色的是框框的种类 .

粉红色的是框框的颜色 .

蓝色的是字体的大小 .

紫色的是你的内容 .

橙色的把内容一的字删除 .

不可以在 "" 之间打字 , 因为是显示不到的 .

备注 :

你也可以在 style=" 后面加入美化代码 .

字体影子 : 按我
框框圆角 : 按我

步骤三

预览效果 .

步骤四

保存 Save .

任何疑问请在 tagboard 留言 .

在评论箱留言请告诉我 (: