Các bạn đã bao giờ viết chữ ngược chưa ? giới thiệu các bạn code dùng để viết chữ ngược
Demo
Để làm được việc này các bạn làm như sau
1.Code CSS
<STYLE type=text/css>TEXTAREA {
FONT-FAMILY: "Arial Unicode MS", Batang
}
H1 {
MARGIN-BOTTOM: 2px
}
</STYLE>
2.Code Java
<SCRIPT>
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}
function flipString(aString) {
var last = aString.length - 1;
//Thanks to Brook Monroe for the suggestion to use Array.join
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 ? r : c
}
return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254', //open o -- from pne
d : 'p',
e : '\u01DD',
f : '\u025F', //from pne
g : '\u0183',
h : '\u0265',
i : '\u0131', //from pne
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF', //from pne
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235',
'\r' : '\n' //thank you, Yeeliberto
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</SCRIPT>
3.Code html
<FORM name=f>Original: <BR><TEXTAREA onkeyup=flip() name=original rows=5 cols=50></TEXTAREA> <INPUT onclick=flip() type=button value=Flip> <BR>Flipped: <BR><TEXTAREA name=flipped rows=5 cols=50></TEXTAREA> </FORM>
4.Hướng dẫn
-Code css và java các bạn cho vào thẻ head với blog violet thì cho vào thông tin bản quyền
-Code html cho vào chỗ cần hiển thị
Chúc các bạn thành công
Đăng ký:
Đăng Nhận xét (Atom)
0 nhận xét:
Đăng nhận xét