Kali Ini Kita bermain main Dengan Tulisan Terbalik.....
langsung aja dah Kita siapkan bahan bahan untuk membuat Tuisan terbalik seperti gambar di bawah ini....
Untuk hasil bisa di Lihat disini DOWNLOAD HERE Atau Bisa Lihat Di Bawah Ini ...
CARANYA SEBAGAI BERIKUT
- Buka Notepad
- Tuliskan Scrip Berikut
<html>
<head>
<h2>
<script language="JavaScript1.2">
/*
Neon Lights Text
By JavaScript Kit (agus_a@banpuindo.co.id)
Over 400+ free scripts here!
*/
var message="agus andrianto/****7 .(mail : agus_a@banpuindo.co.id)"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100 //in milliseconds
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
</h2>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Membuat Tulisan Terbalik</title>
<style type="text/css">
textarea { font-family: "Arial Unicode MS", terbalik }
</style>
<script language="JavaScript">
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}
function flipString(aString) {
var last = aString.length - 1;
var result = new Array(aString.length)
for (var i = last; i >= 0; --i) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last - i] = r != undefined ? r : c
}
return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254',
d : 'p',
e : '\u01DD',
f : '\u025F',
g : '\u0183',
h : '\u0265',
i : '\u0131',
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\\' : '/',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
</head>
<body linkifytime="0" linkified="0" linkifying="false" bgcolor="#000000">
<h1><font color="#00FF00">Membuat Tulisan Terbalik </font> </h1>
<form name="f">
<font color="#FF0000">Tulisan Asli: </font> <br>
<textarea rows="6" cols="50" name="original" onkeyup="flip()"></textarea>
<br>
<font color="#FF0000">Tulisan Terbalik</font>: <br>
<textarea rows="6" cols="50" name="flipped"></textarea>
</form>
</body>
</html>
- Savelah Dengan Extension .HTML
- kemudian Bukalah dan lihat hasilnya.......
- Untuk Contoh bisa di download disini DOWNLOAD HERE
Tidak ada komentar:
Posting Komentar