Hiệu ứng đánh chữ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>Untitled Document</title>
	</head>

	<style type="text/css">
		body{
			background-color:#000;
			color:#0F0;
			font-family:"Courier New";
			font-weight:bold;
		}
	</style>

	<script language="javascript">
		cusor='+';
		count=0;
		mess='http://Windowsz.net<br />'+
		'---------------- <br />'+
		'Diễn đàn hỗ trợ người dùng Windows và IT Việt <br />'+
		' Thành lập vào ngày 13/10/2009'+
		' <br>Người sáng lập: Nguyễn Hải Dương <br /> '+
		' Nickname: haiduong <br />'+
		' Gender: Male <br />'+
		' Birthday: 05/08/1986 <br />'+
		' Location: Hà Nội <br/ >'
		function type()
		{
			if (cusor=='+') cusor=' '; else cusor='+';
			document.getElementById('scr').innerHTML=mess.substring(0,count++)+cusor;
			if(count<=mess.length) setTimeout("type()",80);
		}
	</script>

	<body onload="type()">
		<div id="scr">
	</div>

	</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

body{

background-color:#000;

color:#0F0;

font-family:"Courier New";

font-weight:bold;

}

</style>

cusor='+';

count=0;

mess='http://Windowsz.net<br />'+

'---------------- <br />'+

'Diễn đàn hỗ trợ người dùng Windows và IT Việt <br />'+

' Thành lập vào ngày 13/10/2009'+

' <br>Người sáng lập: Nguyễn Hải Dương <br /> '+

' Nickname: haiduong <br />'+

' Gender: Male <br />'+

' Birthday: 05/08/1986 <br />'+

' Location: Hà Nội <br/ >'

function type()

{

if (cusor=='+') cusor=' '; else cusor='+';

document.getElementById('scr').innerHTML=mess.substring(0,count++)+cusor;

if(count<=mess.length) setTimeout("type()",80);

}

</script>

</div>

</body>

</html>

5/5 - (1 bình chọn)

Bài viết mới:

CSS

Hiệu ứng đánh chữ

Bài viết cùng chủ đề:

Kỹ thuật dồn các icon vào 1 file để hiển thị khi làm web

CodePen Home Textarea Tabs + Syntax Highlighting

Count Up Number trên themes Flatsome như thế nào?

Tạo bảng với nút tìm kiếm dữ liệu / How to – Filter/Search Table

Css hiệu ứng chữ nhấp nháy – blinking/flashing text with CSS 3

Tạo nút Read More / Read Less (Xem thêm / Ẩn nội dung) cho nội dung quá dài trong wordpress

Css thường dùng, cách tùy biến contact form 7

Tạo menu riêng cho từng trang Flatsome

Aiken Trung