m1ck3y083187    Kumpulan Info: Mempercantik Tampilan Website dengan Jquery

Kamis, 05 April 2012

Mempercantik Tampilan Website dengan Jquery

sekarang saya mau ngasih contoh tampilan jquery. dengan menggunakan fungsi x dan y. rada ribet sih tapi yang saya bagikan adalah source code yang sudah jadi dan tinggal di copy pastekan di notepad. bila function2 dari script tidak bekerja segera comfrimasi agar bisa dibenahi dan di postingkan lagi. dan untuk source codenya sebagai berikut : 

<Script Language='Javascript'>
<!-- HTML Doc Posted By Niedlich -->
<!--
document.write(unescape('%3C%21%44%4F%43%54%59%50%45%20%48%54%4D%4C%20%50%55%42%4C%49%43%20%22%2D%2F%2F%57%33%43%2F%2F%44%54%44%20%48%54%4D%4C%20%34%2E%30%31%2F%2F%45%4E%22%20%22%68%74%74%70%3A%2F%2F%77%77%77%2E%77%33%2E%6F%72%67%2F%54%52%2F%68%74%6D%6C%34%2F%73%74%72%69%63%74%2E%64%74%64%22%3E%0A%3C%68%74%6D%6C%3E%0A%3C%68%65%61%64%3E%0A%3C%74%69%74%6C%65%3E%74%6F%20%73%65%65%20%68%65%72%20%2D%20%49%6E%74%65%72%61%63%74%69%76%65%20%44%48%54%4D%4C%20%61%72%74%2D%64%65%6D%6F%73%3C%2F%74%69%74%6C%65%3E%0A%3C%6D%65%74%61%20%6E%61%6D%65%3D%22%61%75%74%68%6F%72%22%20%63%6F%6E%74%65%6E%74%3D%22%4D%69%63%6B%65%79%20%4E%69%65%64%6C%69%63%68%20%61%74%20%68%74%74%70%3A%2F%2F%62%61%6E%79%61%6B%6B%75%6D%70%75%6C%61%6E%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%3E%0A%3C%6D%65%74%61%20%68%74%74%70%2D%65%71%75%69%76%3D%22%69%6D%61%67%65%74%6F%6F%6C%62%61%72%22%20%63%6F%6E%74%65%6E%74%3D%22%6E%6F%22%3E%0A%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%0A%09%68%74%6D%6C%20%7B%0A%09%09%6F%76%65%72%66%6C%6F%77%3A%20%68%69%64%64%65%6E%3B%0A%09%7D%0A%09%62%6F%64%79%20%7B%0A%09%09%6D%61%72%67%69%6E%3A%20%30%70%78%3B%0A%09%09%70%61%64%64%69%6E%67%3A%20%30%70%78%3B%0A%09%09%62%61%63%6B%67%72%6F%75%6E%64%3A%20%23%31%31%31%3B%0A%09%09%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%0A%09%09%77%69%64%74%68%3A%20%31%30%30%25%3B%0A%09%09%68%65%69%67%68%74%3A%20%31%30%30%25%3B%0A%09%7D%0A%09%23%73%63%72%65%65%6E%20%7B%0A%09%09%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%0A%09%09%6C%65%66%74%3A%20%30%70%78%3B%0A%09%09%74%6F%70%3A%20%30%70%78%3B%0A%09%09%77%69%64%74%68%3A%20%31%30%30%25%3B%0A%09%09%68%65%69%67%68%74%3A%20%31%30%30%25%3B%0A%09%09%62%61%63%6B%67%72%6F%75%6E%64%3A%20%23%30%30%30%3B%0A%09%7D%0A%09%23%53%50%20%7B%0A%09%09%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%0A%09%09%6C%65%66%74%3A%20%35%30%25%3B%0A%09%09%74%6F%70%3A%20%35%30%25%3B%0A%09%7D%0A%09%23%73%63%72%65%65%6E%20%73%70%61%6E%20%7B%0A%09%09%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%0A%09%09%6C%65%66%74%3A%20%2D%31%30%30%30%70%78%3B%0A%09%09%6F%76%65%72%66%6C%6F%77%3A%20%68%69%64%64%65%6E%3B%0A%09%7D%0A%09%23%73%63%72%65%65%6E%20%69%6D%67%20%20%7B%0A%09%09%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%0A%09%09%2D%6D%73%2D%69%6E%74%65%72%70%6F%6C%61%74%69%6F%6E%2D%6D%6F%64%65%3A%6E%65%61%72%65%73%74%2D%6E%65%69%67%68%62%6F%72%3B%0A%09%7D%0A%09%23%63%72%65%64%69%74%20%7B%0A%09%09%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%0A%09%09%63%6F%6C%6F%72%3A%20%23%38%38%38%3B%0A%09%09%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%20%76%65%72%64%61%6E%61%2C%20%61%72%69%61%6C%2C%20%68%65%6C%76%65%74%69%63%61%2C%20%73%61%6E%73%2D%73%65%72%69%66%3B%0A%09%09%66%6F%6E%74%2D%73%69%7A%65%3A%20%31%2E%32%65%6D%3B%0A%09%09%72%69%67%68%74%3A%20%31%65%6D%3B%0A%09%09%74%65%78%74%2D%61%6C%69%67%6E%3A%20%72%69%67%68%74%3B%0A%09%09%62%6F%74%74%6F%6D%3A%20%32%70%78%3B%0A%09%7D%0A%09%61%20%7B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%20%6E%6F%6E%65%3B%63%6F%6C%6F%72%3A%23%66%66%66%3B%7D%0A%09%61%3A%68%6F%76%65%72%09%7B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%20%6E%6F%6E%65%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%66%38%30%30%30%3B%63%6F%6C%6F%72%3A%23%66%66%66%3B%7D%0A%09%61%3A%76%69%73%69%74%65%64%20%7B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%20%6E%6F%6E%65%3B%63%6F%6C%6F%72%3A%23%66%66%66%3B%7D%0A%09%61%3A%76%69%73%69%74%65%64%3A%68%6F%76%65%72%20%7B%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%20%6E%6F%6E%65%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%66%38%30%30%30%3B%63%6F%6C%6F%72%3A%23%66%66%66%3B%7D%0A%3C%2F%73%74%79%6C%65%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%0A%64%6F%63%75%6D%65%6E%74%2E%6F%6E%73%65%6C%65%63%74%73%74%61%72%74%20%3D%20%6E%65%77%20%46%75%6E%63%74%69%6F%6E%28%22%72%65%74%75%72%6E%20%66%61%6C%73%65%22%29%3B%0A%0A%76%61%72%20%6E%78%20%20%3D%20%30%3B%0A%76%61%72%20%6E%79%20%20%3D%20%30%3B%0A%76%61%72%20%78%6D%20%20%3D%20%30%3B%0A%76%61%72%20%79%6D%20%20%3D%20%2D%31%30%30%30%30%30%30%3B%0A%76%61%72%20%53%20%20%20%3D%20%30%3B%0A%76%61%72%20%4F%20%20%20%3D%20%30%3B%0A%76%61%72%20%4D%20%20%20%3D%20%31%30%3B%0A%76%61%72%20%48%3B%0A%76%61%72%20%57%3B%0A%76%61%72%20%69%6D%67%3B%0A%76%61%72%20%73%63%72%3B%0A%0A%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%0A%76%61%72%20%52%41%44%20%20%3D%20%32%3B%0A%76%61%72%20%4E%78%20%20%20%3D%20%31%32%3B%0A%76%61%72%20%4E%79%20%20%20%3D%20%31%34%3B%0A%76%61%72%20%76%69%73%63%20%3D%20%2E%30%31%3B%0A%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%0A%0A%66%75%6E%63%74%69%6F%6E%20%43%4F%62%6A%28%70%61%72%65%6E%74%2C%20%78%2C%20%79%29%7B%0A%09%76%61%72%20%6F%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%22%73%70%61%6E%22%29%3B%0A%09%6F%2E%73%74%79%6C%65%2E%77%69%64%74%68%20%3D%20%4D%61%74%68%2E%72%6F%75%6E%64%28%57%20%2B%20%32%29%20%2B%20%27%70%78%27%3B%0A%09%6F%2E%73%74%79%6C%65%2E%68%65%69%67%68%74%20%3D%20%4D%61%74%68%2E%72%6F%75%6E%64%28%48%20%2B%20%32%29%20%2B%20%27%70%78%27%3B%0A%09%76%61%72%20%69%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%22%69%6D%67%22%29%3B%0A%09%69%2E%73%72%63%20%3D%20%69%6D%67%2E%73%72%63%3B%0A%09%69%2E%73%74%79%6C%65%2E%6C%65%66%74%20%3D%20%4D%61%74%68%2E%72%6F%75%6E%64%28%2D%78%20%2A%20%57%29%20%2B%20%27%70%78%27%3B%0A%09%69%2E%73%74%79%6C%65%2E%74%6F%70%20%3D%20%4D%61%74%68%2E%72%6F%75%6E%64%28%2D%79%20%2A%20%48%29%20%2B%20%27%70%78%27%3B%0A%09%6F%2E%61%70%70%65%6E%64%43%68%69%6C%64%28%69%29%3B%0A%09%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%22%53%50%22%29%2E%61%70%70%65%6E%64%43%68%69%6C%64%28%6F%29%3B%0A%09%78%20%3D%20%2D%28%4E%78%20%2F%20%32%29%20%2A%20%57%20%2B%20%28%78%20%2A%20%57%29%3B%0A%09%79%20%3D%20%2D%28%4E%79%20%2F%20%32%29%20%2A%20%48%20%2B%20%28%79%20%2A%20%48%29%3B%0A%09%74%68%69%73%2E%6F%62%6A%20%20%3D%20%6F%2E%73%74%79%6C%65%3B%0A%09%74%68%69%73%2E%78%20%20%20%20%3D%20%78%3B%0A%09%74%68%69%73%2E%79%20%20%20%20%3D%20%79%3B%0A%09%74%68%69%73%2E%78%30%20%20%20%3D%20%78%3B%0A%09%74%68%69%73%2E%79%30%20%20%20%3D%20%79%3B%0A%09%74%68%69%73%2E%70%61%72%65%6E%74%20%3D%20%70%61%72%65%6E%74%3B%0A%7D%0A%0A%43%4F%62%6A%2E%70%72%6F%74%6F%74%79%70%65%2E%61%6E%69%6D%20%3D%20%66%75%6E%63%74%69%6F%6E%20%28%29%20%7B%0A%09%74%68%69%73%2E%64%78%20%3D%20%78%6D%20%2D%20%74%68%69%73%2E%78%3B%0A%09%74%68%69%73%2E%64%79%20%3D%20%79%6D%20%2D%20%74%68%69%73%2E%79%3B%0A%09%76%61%72%20%64%20%3D%20%4D%61%74%68%2E%73%71%72%74%28%74%68%69%73%2E%64%78%20%2A%20%74%68%69%73%2E%64%78%20%2B%20%74%68%69%73%2E%64%79%20%2A%20%74%68%69%73%2E%64%79%29%3B%0A%09%74%68%69%73%2E%78%20%3D%20%74%68%69%73%2E%78%20%2D%20%53%20%2F%20%64%20%2A%20%28%74%68%69%73%2E%64%78%20%2F%20%64%29%20%2B%20%28%74%68%69%73%2E%78%30%20%2D%20%74%68%69%73%2E%78%29%20%2A%20%76%69%73%63%3B%0A%09%74%68%69%73%2E%79%20%3D%20%74%68%69%73%2E%79%20%2D%20%53%20%2F%20%64%20%2A%20%28%74%68%69%73%2E%64%79%20%2F%20%64%29%20%2B%20%28%74%68%69%73%2E%79%30%20%2D%20%74%68%69%73%2E%79%29%20%2A%20%76%69%73%63%3B%0A%09%74%68%69%73%2E%6F%62%6A%2E%6C%65%66%74%20%3D%20%4D%61%74%68%2E%72%6F%75%6E%64%28%74%68%69%73%2E%78%29%20%2B%20%27%70%78%27%3B%0A%09%74%68%69%73%2E%6F%62%6A%2E%74%6F%70%20%20%3D%20%4D%61%74%68%2E%72%6F%75%6E%64%28%74%68%69%73%2E%79%29%20%2B%20%27%70%78%27%3B%0A%09%69%66%28%74%68%69%73%2E%70%61%72%65%6E%74%29%20%74%68%69%73%2E%70%61%72%65%6E%74%2E%61%6E%69%6D%28%29%3B%0A%7D%0A%0A%66%75%6E%63%74%69%6F%6E%20%72%75%6E%28%29%7B%0A%09%4F%2E%61%6E%69%6D%28%29%3B%0A%7D%0A%0A%64%6F%63%75%6D%65%6E%74%2E%6F%6E%6D%6F%75%73%65%6D%6F%76%65%20%3D%20%66%75%6E%63%74%69%6F%6E%28%65%29%7B%0A%09%69%66%20%28%77%69%6E%64%6F%77%2E%65%76%65%6E%74%29%20%65%20%3D%20%77%69%6E%64%6F%77%2E%65%76%65%6E%74%3B%0A%09%78%6D%20%3D%20%28%65%2E%78%20%7C%7C%20%65%2E%63%6C%69%65%6E%74%58%29%20%2D%20%73%63%72%2E%6F%66%66%73%65%74%4C%65%66%74%20%2D%20%6E%78%3B%0A%09%79%6D%20%3D%20%28%65%2E%79%20%7C%7C%20%65%2E%63%6C%69%65%6E%74%59%29%20%2D%20%73%63%72%2E%6F%66%66%73%65%74%54%6F%70%20%2D%20%6E%79%3B%0A%7D%0A%0A%66%75%6E%63%74%69%6F%6E%20%72%65%73%69%7A%65%28%29%7B%0A%09%6E%78%20%3D%20%73%63%72%2E%6F%66%66%73%65%74%57%69%64%74%68%20%2A%20%2E%35%3B%0A%09%6E%79%20%3D%20%73%63%72%2E%6F%66%66%73%65%74%48%65%69%67%68%74%20%2A%20%2E%35%3B%0A%7D%0A%6F%6E%72%65%73%69%7A%65%20%3D%20%72%65%73%69%7A%65%3B%0A%0A%6F%6E%6C%6F%61%64%20%3D%20%66%75%6E%63%74%69%6F%6E%28%29%7B%0A%09%69%6D%67%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%22%49%4D%47%22%29%3B%0A%09%73%63%72%20%3D%20%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%22%73%63%72%65%65%6E%22%29%3B%0A%09%72%65%73%69%7A%65%28%29%3B%0A%09%57%20%3D%20%69%6D%67%2E%77%69%64%74%68%20%2F%20%4E%78%3B%0A%09%48%20%3D%20%69%6D%67%2E%68%65%69%67%68%74%20%2F%20%4E%79%3B%0A%09%53%20%3D%20%69%6D%67%2E%77%69%64%74%68%20%2A%20%52%41%44%3B%0A%09%66%6F%72%28%76%61%72%20%79%20%3D%20%30%3B%20%79%20%3C%20%4E%79%3B%20%79%2B%2B%29%20%0A%09%09%66%6F%72%28%76%61%72%20%78%20%3D%20%30%3B%20%78%20%3C%20%4E%78%3B%20%78%2B%2B%29%20%0A%09%09%09%4F%20%3D%20%6E%65%77%20%43%4F%62%6A%28%4F%2C%20%78%2C%20%79%29%3B%0A%09%73%65%74%49%6E%74%65%72%76%61%6C%28%72%75%6E%2C%20%31%36%29%3B%0A%7D%0A%3C%2F%73%63%72%69%70%74%3E%0A%3C%2F%68%65%61%64%3E%0A%3C%62%6F%64%79%3E%0A%3C%64%69%76%3E%3C%2F%64%69%76%3E%0A%3C%64%69%76%20%69%64%3D%22%73%63%72%65%65%6E%22%3E%0A%09%3C%64%69%76%20%69%64%3D%22%53%50%22%3E%3C%2F%64%69%76%3E%0A%0A%09%3C%64%69%76%20%69%64%3D%22%63%72%65%64%69%74%22%3E%53%61%6C%61%6D%20%6B%65%6E%61%6C%20%64%61%72%69%20%73%61%79%61%3C%2F%62%72%3E%20%6D%61%73%20%70%61%69%6A%6F%20%61%6E%61%6B%65%20%62%61%6B%75%6C%20%77%65%64%61%6E%67%20%0A%09%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%62%61%6E%79%61%6B%6B%75%6D%70%75%6C%61%6E%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%22%3E%62%61%6E%79%61%6B%6B%75%6D%70%75%6C%61%6E%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%3C%2F%61%3E%3C%2F%64%69%76%3E%0A%3C%2F%64%69%76%3E%0A%0A%3C%69%6D%67%20%69%64%3D%22%49%4D%47%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%69%31%31%35%35%2E%70%68%6F%74%6F%62%75%63%6B%65%74%2E%63%6F%6D%2F%61%6C%62%75%6D%73%2F%70%35%34%35%2F%6D%69%63%6B%65%79%5F%6E%31%65%64%6C%69%63%68%2F%76%69%61%5F%76%61%6C%65%6E%74%2E%6A%70%67%22%20%61%6C%74%3D%22%22%20%73%74%79%6C%65%3D%22%76%69%73%69%62%69%6C%69%74%79%3A%68%69%64%64%65%6E%22%3E%0A%0A%3C%2F%62%6F%64%79%3E%0A%3C%2F%68%74%6D%6C%3E'));
//-->
</Script>

jangan heran dan jangan kaget ini fungsi dari code javascript. keterangan saya sarankan beri extansent html trus dijalankan.
 saran dan kritik bisa diterima...maaf bila ada kurang kurangnya.. :D

Comments
0 Comments

space iklan