1. Mengontrol visibilitas bilah gulir horizontal dan vertikal?
<body style="overflow-y:hidden"> Hapus sumbu x
<body style="overflow-x:hidden"> Hapus sumbu y
<body scroll="no">Jangan tampilkan
--------------------------------------- - ----------------------------------------
2. Perubahan warna bentuk
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="ini.gaya.backgroundColor=''"
style="KURSOR: tangan">
--------------------------------------------------- -----------------------------------
3. Larang menyalin, seret mouse untuk memilih
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
--------------------------------------------------- -----------------------------------
4. Halaman iframe biasa
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
--------- -- ------------------------------------------------ -- -------------------
5.iframe tinggi adaptif
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style .height=pindex.document.body.scrollHeight" ></iframe>
--------------------------------------------------- -----------------------------------
6. Ubah bilah alamat IE menjadi ikon Anda sendiri & ikon Anda dapat ditampilkan di favorit Anda
<link rel="Ikon Pintasan" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
--------------------------------------------------- -----------------------------------
7. Penskalaan ukuran font Semakin banyak orang menghabiskan banyak waktu berselancar di Internet, dan popularitas kacamata juga semakin tinggi. Memperbesar teks sehingga lebih banyak pengguna dapat melihatnya dengan lebih jelas.
<skrip tipe="teks/javascript">
fungsi doZoom(ukuran)
{document.getElementById('zoom').style.fontSize=size+'px';}
</skrip>
<span id="zoom">Teks dengan ukuran tertentu</span>
<a href="javascript:doZoom(16)">Besar</a> <a href="javascript:doZoom(14)">Sedang</a> <a href="javascript:doZoom(12)">Kecil </a>
--------------------------------------------------- -----------------------------------
8. Kode halaman web lompat sederhana. Jika Anda ingin halaman melompat setelah ditampilkan selama 3 detik, Anda dapat menambahkan kode ini ke bagian <head></head> kode html:
<meta http-equiv="refresh" content="3; url=http://www.devdao.com">
--------------------------------------------------- -----------------------------------
9. Alamat tertanam yang diisi dengan tinggi adaptif iframe (bingkai tertanam) harus berada di situs yang sama dengan halaman ini, jika tidak maka akan muncul pesan "Access Denied!". Ada masalah izin dengan referensi lintas domain, silakan periksa informasi lainnya.
<iframe name="guestbook" src="gbook/index.asp" scrolling=tidak lebar="100%" height="100%" frameborder=tidak ada onload="document.all['guestbook'].style.height= buku tamu.document.body.scrollHeight"></iframe>
--------------------------------------------------- -----------------------------------
10. Lompat ke menu jendela baru
<pilih nama="pilih" onchange="window.open(this.options[this.selectedIndex].value)">
<option value=" http://www.microsoft.com/ie ">Internet Explorer</option>
<option value=" http://www.microsoft.com "> Beranda Microsoft</option>
<option value=" http://msdn.microsoft.com "> Jaringan Pengembang</option>
</pilih>
--------------------------------------------------- -----------------------------------
11. opsi transparansi flash
<param name="wmode" value="transparan">
--------------------------------------------------- -------------------------------
12. Tambahkan ke favorit dan tetapkan sebagai beranda
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">Tetapkan sebagai beranda</a>
<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">Favoritkan situs ini</a>
--------------------------------------------------- -----------------------------------
13. Catat dan tampilkan waktu modifikasi terakhir halaman web
<bahasa skrip=JavaScript>
document.write("Waktu terakhir diperbarui: " + document.lastModified + "")
</skrip>
--------------------------------------------------- -----------------------------------
14. Hitung Mundur Liburan
<Bahasa Skrip="JavaScript">
var tanggal waktu= Tanggal baru("1 Oktober 2002");
var times= "Hari Nasional";
var sekarang = Tanggal baru();
var tanggal = tanggal waktu.getTime() - sekarang.getTime();
var time = Math.floor(tanggal / (1000 * 60 * 60 * 24));
jika (waktu >= 0)
document.write("Sekarang ada: "+waktu +"hari" dari "+kali+")
</Skrip>
--------------------------------------------------- -----------------------------------
15. Tambahkan ke HEAD untuk menonaktifkan caching
<meta http-equiv="Kedaluwarsa" CONTENT="0">
<meta http-equiv="Kontrol-Cache" CONTENT="tanpa-cache">
<meta http-equiv="Pragma" CONTENT="tanpa-cache">
--------------------------------- - ------------------------------------------------- -
16. Jadikan latar belakang dokumen dalam bingkai IFRAME transparan
<iframe src="tentang:<body style='background:transparent'>" izinkantransparency></iframe>
--------------------------------------------------- -----------------------------------
17. Maksimalkan jendela saat dibuka
<bahasa skrip="JavaScript">
<!-- Mulai
mandiri.moveTo(0,0)
self.resizeTo(layar.availWidth,screen.availHeight)
// Berakhir -->
</skrip>
--------------------------------------------------- -----------------------------------
18. Tambahkan musik latar
<bgsound src="mid/windblue[1].mid" loop="-1"> hanya berlaku untuk IE
<embed src="music.mid" autostart="true" loop="true"hidden="true"> Berlaku untuk Netscape dan IE
--------------------------------------------------- -----------------------------------
19.Gulir
<arah tenda=tinggi ke atas=146 onmouseout=start() onmouseover=stop() scrollAmount=2>Gulir informasi
</tenda>
--------------------------------------------------- -----------------------------------
20. Cegah agar halaman tidak disetel ulang ke kode "javascript:void(null)" di bagian atas halaman, bukan tanda "#" asli saat mengklik link kosong.
--------------------------------------------------- --------------------------
21. Teks atau gambar muncul jendela dengan ukuran tertentu dan ditambahkan ke badan
<skrip bahasa="JavaScript" type="teks/JavaScript">
fungsi MM_openBrWindow(URL,winName,fitur) {window.open(URL,winName,fitur);}
</skrip>
kode munculan
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">Gambar atau teks</a>
--------------------------------------------------- -----------------------------------
22.Lompat kode halaman
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
--------------------------------------------------- -----------------------------------
23. Pembatas Garis Tipis
<ukuran noshade jam=0 warna=#C0C0C0>
--------------------------------------------------- -----------------------------------
24. Pembungkusan baris otomatis di halaman web
<td style="word-break:break-all">Itu saja.
lengkap adalah
style="tata letak-tabel: diperbaiki; WORD-BREAK: break-all; WORD-WRAP: break-word"
--------------------------------------------------- -----------------------------------
25. Hilangkan toolbar gambar yang otomatis muncul di ie6 dan atur atribut GALLERYIMG ke false atau no.
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
--------------------------------------------------- -----------------------------------
26. Melarang konten isi halaman untuk dipilih
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">
------------------------------------ ---- ------------------------------- ----
27. Anda tidak dapat mengklik kanan, CTRL+A tidak diperlukan, dan Anda tidak dapat menyalin!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
padaselectstart="event.returnValue=false">
</tubuh>
--------------------------------------------------- -----------------------------------
28. Browser IE mendukung properti Body bgproperties, yang dapat mencegah pengguliran latar belakang:
<Body Background="File gambar" bgproperties="diperbaiki">
--------------------------------------------------- -----------------------------------
29. Mengubah gambar latar belakang secara acak (efek khusus yang dapat menyegarkan suasana hati)
<Bahasa Skrip="JavaScript">
image = new Array(4); //Definisikan gambar sebagai array nomor gambar image [0] = 'tu0.gif' //Jalur gambar latar belakang image [1] = 'tu1.gif'
gambar [2] = 'tu2.gif'
gambar [3] = 'tu3.gif'
gambar [4] = 'tu4.gif'
angka = Matematika.lantai(Matematika.acak() * gambar.panjang);
document.write("<BODY BACKGROUND="+gambar[angka]+">");
</Script>
------------------------------- - ----------------------------------
30. Tombol formulir gambar
<form id="form1" name="form1" metode="posting" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</bentuk>
--------------------------------------------------- -----------------------------------
31. Metode definisi CSS untuk latar belakang bayangan kiri dan kanan
tubuh {
perataan teks:tengah;
ulangi latar belakang: ulangi-y;
posisi latar belakang: tengah;
gambar latar belakang: url(../images/bg.jpg);
}
--------------------------------------------------- -----------------------------------
32. Seberangi tautan dengan tangan mouse
style="kursor:tangan"
--------------------------------------------------- -----------------------------------
33. Cara mematikan lapisan
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">Tutup lapisan</a>
--------------------------------------------------- -----------------------------------
34. Script untuk menutup jendela
<a href=javascript:close()>[Tutup jendela]</a>
--------------------------------------------------- -----------------------------------
35. Jika teks terlalu panjang, bagian yang terlalu panjang akan ditampilkan sebagai elips.
<DIV STYLE="lebar: 120 piksel; tinggi: 50 piksel; batas: 1 piksel biru solid; luapan: tersembunyi; luapan teks: elipsis">
<NOBR>Misalnya, ada satu baris teks yang sangat panjang sehingga tidak dapat ditampilkan dalam satu baris pada tabel.</NOBR>
</DIV>
--------------------------------------------------- -----------------------------------
36. Maksimalkan otomatis setelah masuk ke beranda
<skrip>
mandiri.moveTo(0,0)
self.resizeTo(layar.availWidth,screen.availHeight)
</skrip>
------------------------------- ---- ----------------------------------
37. Teks deboss
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; ukuran font:12px; tinggi garis:18px; warna latar:# eeeeee;">
<font dinonaktifkan>
Bagaimana, apakah saya penyok? <br>
Apakah kamu tidak ingin mencobanya? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
--------------------------------------------------- -----------------------------------
38. Jalankan kode kotak
<skrip>
pratinjau fungsi()
{var TestWin=buka('');
TestWin.document.write(code.value);}
</skrip>
<textarea id=kode cols=60 baris=15></textarea>
<br>
<button onclick=Pratinjau() >Jalankan</button>
--------------------------------------------------- -------------------------------
38. Tautkan formulir
<tabel lebar="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</tabel>
--------------------------------------------------- -----------------------------------
39. Jadikan pop-up selalu di atas
<body onblur="ini.fokus();">
--------------------------------------------------- -----------------------------------
40.Bayangan teks CSS
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positif=1); KELUARGA FONT: "宋体"; UKURAN FONT: 9pt;WARNA: #ffffff;}
--------------------------------------------------- -----------------------------------
41. Kembali & tutup jendela dan kembali: javascript:history.back(1)
Tutup: javascript:window.close();
--------------------------------------------------- -----------------------------------
42. Bentuknya transparan
style="FILTER: alfa(opasitas=72)"
--------------------------------------------------- -----------------------------------
43. Bagaimana mencegah orang lain menempatkan halaman web Anda dalam bingkai
<script bahasa="javascript"><!--if (self!=top){top.location=self.location;} -->< /script>
--------------------------------------------------- -----------------------------------
44.Perbedaan antara Alt dan Judul
alt digunakan untuk memberi petunjuk pada gambar. Judul digunakan untuk memberikan teks tautan atau petunjuk teks biasa.
<a href="#" Title="Berikan petunjuk teks tautan">Teks</a>
<p Title="Petunjuk teks untuk tautan">Teks</p>
<img src="Tautan gambar" alt="Tips untuk gambar">
------------------ --------------------------------------------------- ----------
45. Coba gunakan panggilan eksternal untuk semua panggilan javascript.
<BAHASA SCRIPT="javascript" SRC="js/xxxxx.js"></SCRIPT>
--------------------------------------------------- -----------------------------------
46. Tautan ke
respon.redirect"login.asp"
lokasi.href="xx.asp"
onClick="window.location='login.asp'"
onClick="jendela.buka('')"
--------------------------------------- --------------------- -------------------------
47. Tautan dasar gaya
a:link mewakili gaya tautan
a:active mewakili gaya koneksi aktif saat ini
a:hover mewakili gaya ketika mouse melewatinya
a:visited mewakili gaya tautan yang dikunjungi
"link-visited-hover-active", disingkat "lvha", yaitu, "love"+"hate"
-------------- -- ------------------------------------------------ -- ---------------
48. Atur gaya dengan efek tautan teks berbeda pada halaman yang sama
<gaya tipe="teks/css">
.hijau {WARNA: #309633}
.green A:link {WARNA: #309633; DEKORASI TEKS: tidak ada}
.green A:dikunjungi {WARNA: #309633; DEKORASI TEKS: tidak ada}
.green A:hover {WARNA: #309633; DEKORASI TEKS: garis bawah}
.green A:aktif {WARNA: #309633; DEKORASI TEKS: tidak ada}
</gaya>
<a href="#" class="green">Teks</a>
-------------------------------- --------------------------------------------------- ------
49. Menu lompat tarik-turun
<pilih nama=pilih onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<option>----Silahkan pilih----</option>
<option value=" http://www.devdao.com ">Jaringan Desain Webmaster</option>
<option value=" http://www.fontchina.cn/">Bentuk</option >
</pilih>
--------------------------------------------------- -----------------------------------
50. Pilih solusi untuk memblokir div. Tambahkan kode berikut ke div dan sesuaikan sesuai kebutuhan.
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;posisi:absolute; atas:5px; kiri:2px;lebar:168;tinggi:100px;" >
</iframe>
---------------------------------------------- - ----------------------------------
51. Semua link di seluruh halaman _blank. Jendela baru terbuka
<base target="_blank">