Một đoạn JavaScript tạo hiệu ứng chữ chạy động chớp chớp từng chữ như trong mấy bộ phim khoa học chớp chớp từng chữ một hiện ra, có điều nó hơi xấu hơi nhanh, và lập đi lập lại chóng mặt một chút ngoài ra mọi thứ thì OK :)) Nói giỡn thơi chịu khó ngồi chỉnh một chút thì ta có thể tạo ra một hiệu ứng chữ động khá đẹp mắt đó.
Hỗ trợ trình duyệt: Firefox, IE, Chrome, Safari, Opera
JavaScript Effect Source:
Hỗ trợ trình duyệt: Firefox, IE, Chrome, Safari, Opera
JavaScript Effect Source:
------------
<html>
<head>
<script language="JavaScript">
function makeArray()
{
this.length = makeArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = makeArray.arguments[i]
}
var fArray = new makeArray;
fArray[0]="Message 1 goes here. "
fArray[1]="Message 2 goes here. "
fArray[2]="Message 3 goes here. "
fArray[3]="Message 4 goes here. "
var x = 1;
var y = 0;
var msg1 = fArray[y];
function newsFeed()
{
if (x==msg1.length+1)
{
for (var z=0; z < 7000; z++);
y+=1;
if (y > 3) y=0;
document.form1.news2.value=' ';
msg1 = fArray[y];
x=0;
}
document.form1.news2.value=msg1.substring(0,x);
x+=1;
setTimeout("newsFeed() ",1);
}
</script>
<head>
<body bgcolor=teal link=goldenrod onLoad="newsFeed()">
<br />
<form name="form1">
<textarea wrap=physical rows=10 cols=25 name="news2">
</form>
</body>
</html>
---------------
<html>
<head>
<script language="JavaScript">
function makeArray()
{
this.length = makeArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = makeArray.arguments[i]
}
var fArray = new makeArray;
fArray[0]="Message 1 goes here. "
fArray[1]="Message 2 goes here. "
fArray[2]="Message 3 goes here. "
fArray[3]="Message 4 goes here. "
var x = 1;
var y = 0;
var msg1 = fArray[y];
function newsFeed()
{
if (x==msg1.length+1)
{
for (var z=0; z < 7000; z++);
y+=1;
if (y > 3) y=0;
document.form1.news2.value=' ';
msg1 = fArray[y];
x=0;
}
document.form1.news2.value=msg1.substring(0,x);
x+=1;
setTimeout("newsFeed() ",1);
}
</script>
<head>
<body bgcolor=teal link=goldenrod onLoad="newsFeed()">
<br />
<form name="form1">
<textarea wrap=physical rows=10 cols=25 name="news2">
</form>
</body>
</html>
---------------
No comments:
Post a Comment