1. 水平および垂直スクロール バーの表示/非表示を制御しますか?
<body style="overflow-y:hidden"> x 軸を削除します
<body style="overflow-x:hidden"> y 軸を削除します。
<bodyscroll="no">表示しない
-------------------------------------- - --------------------------------------
2. 形状の変色
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=""
style="カーソル:手">
-------------------------------------------------- ----------------------------------
3. コピーを禁止し、マウスをドラッグして選択します
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
-------------------------------------------------- ----------------------------------
4. 通常の iframe ページ
<iframe name="name" src="main.htm" width="450" height="287"scrolling="Auto" Frameborder="0"></iframe>
--------- -------------------------------------------------- -- -------------------
5.iframe適応高さ
<iframe name="pindex" src="index.asp" Frameborder=falsescrolling="auto" width="100%" height="100%" Frameborder=no onload="document.all['pindex'].style .height=pindex.document.body.scrollHeight" ></iframe>
-------------------------------------------------- ----------------------------------
6. IEのアドレスバーを自分のアイコンに変更&お気に入りに自分のアイコンを表示できる
<link rel="ショートカット アイコン" href="favicon.ico">
<link rel="ブックマーク" href="favicon.ico">
-------------------------------------------------- ----------------------------------
7. フォント サイズのスケーリング インターネット サーフィンに多くの時間を費やす人が増えており、メガネの人気もますます高まっています。より多くのユーザーがよりはっきりと見えるように、テキストを大きくします。
<script type="text/javascript">
関数 doZoom(サイズ)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">指定されたサイズのテキスト</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
-------------------------------------------------- ----------------------------------
8. 単純なジャンプ Web ページ コード。3 秒間表示した後にページをジャンプしたい場合は、次のコードを HTML コードの <head></head> 部分に追加します。
<meta http-equiv="refresh" content="3; url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
9. iframe (埋め込みフレーム) 適応高さで埋められた埋め込みアドレスは、このページと同じサイトに存在する必要があります。そうでない場合は、「アクセスが拒否されました!」というメッセージが表示されます。クロスドメイン参照には権限の問題があります。他の情報を確認してください。
<iframe name="ゲストブック" src="gbook/index.asp"scrolling=no width="100%" height="100%" Frameborder=no onload="document.all['guestbook'].style.height= guestbook.document.body.scrollHeight"></iframe>
-------------------------------------------------- ----------------------------------
10. ジャンプメニュー新しいウィンドウ
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value=" http://www.microsoft.com/ie ">Internet Explorer</option>
<option value=" http://www.microsoft.com "> Microsoft ホーム</option>
<option value=" http://msdn.microsoft.com "> 開発者ネットワーク</option>
</選択>
-------------------------------------------------- ----------------------------------
11.フラッシュ透明度オプション
<param name="wmode" value="transparent">
-------------------------------------------------- -----------------------------
12. お気に入りに追加してホームページに設定する
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">ホームページとして設定する</a>
<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">このサイトをお気に入りに追加する</a>
-------------------------------------------------- ----------------------------------
13. Web ページの最終変更時刻を記録して表示します。
<スクリプト言語=JavaScript>
document.write("最終更新時刻: " + document.lastModified + "")
</script>
-------------------------------------------------- ----------------------------------
14. ホリデーカウントダウン
<スクリプト言語="JavaScript">
var timedate= new Date("2002 年 10 月 1 日");
var time= "建国記念日";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(日付 / (1000 * 60 * 60 * 24));
if (時間 >= 0)
document.write("現在は次のようになります: "+time +" から "+time +"days")
</スクリプト>
-------------------------------------------------- ----------------------------------
15. キャッシュを無効にするために HEAD に追加します
<meta http-equiv="有効期限" CONTENT="0">
<meta http-equiv="キャッシュ制御" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
--------------------------------- -------------------------------------------------- -
16. IFRAMEフレーム内の文書の背景を透明にする
<iframe src="about:<body style='background:transparent'>"allowtransparency></iframe>
-------------------------------------------------- ----------------------------------
17. ウィンドウを開いたときにウィンドウを最大化する
<スクリプト言語="JavaScript">
<!-- 開始
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// 終了 -->
</script>
-------------------------------------------------- ----------------------------------
18. BGMを追加する
<bgsound src="mid/windblue[1].mid"loop="-1"> は IE にのみ適用されます
<embed src="music.mid" autostart="true"loop="true" hidden="true"> Netscape と IE の両方に適用可能
-------------------------------------------------- ----------------------------------
19.スクロール
<marquee direct=up height=146 onmouseout=start() onmouseover=stop()scrollAmount=2>スクロール情報
</マーキー>
-------------------------------------------------- ----------------------------------
20. 空のリンクをクリックしたときに、ページが元の「#」マークではなくページ上部のコード「javascript:void(null)」にリセットされないようにします。
-------------------------------------------------- ------------------------
21. テキストや画像を指定したサイズのウィンドウにポップアップ表示し、本文に追加します
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
ポップアップコード
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">画像またはテキスト</a>
-------------------------------------------------- ----------------------------------
22.ジャンプページコード
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
23. 細線の区切り線
<hr ノーシェード サイズ=0 カラー=#C0C0C0>
-------------------------------------------------- ----------------------------------
24. Web ページの自動行折り返し
<td style="word-break:break-all">以上です。
完了です
style="テーブル レイアウト: 固定;WORD-BREAK: ブレークオール; WORD-WRAP: ブレークワード"
-------------------------------------------------- ----------------------------------
25. Ie6 で自動的に表示される画像ツールバーを削除し、GALLERYIMG 属性を false または no に設定します。
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
-------------------------------------------------- ----------------------------------
26. ページ本文のコンテンツの選択を禁止する
<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. 右クリックはできません。CTRL+A も必要ありません。コピーもできません。
<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"
onselectstart="even.returnValue=false">
</body>
-------------------------------------------------- ----------------------------------
28.IE ブラウザは、背景のスクロールを防ぐことができる Body プロパティ bgproperties をサポートしています。
<Body Background="画像ファイル" bgproperties="fixed">
-------------------------------------------------- ----------------------------------
29. 背景画像をランダムに変更(気分をリフレッシュできる特殊効果)
<スクリプト言語="JavaScript">
image = new Array(4); //画像を画像番号の配列として定義します image [0] = 'tu0.gif' //背景画像のパス image [1] = 'tu1.gif'
画像 [2] = 'tu2.gif'
画像 [3] = 'tu3.gif'
画像 [4] = 'tu4.gif'
数値 = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</スクリプト>
-------------------------------------- ----------------------------------
30. 画像フォームボタン
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
-------------------------------------------------- ----------------------------------
31. 左右の影背景のCSS定義方法
体 {
テキスト整列:中央;
背景-リピート: リピート-y;
背景位置: 中央;
背景画像: url(../images/bg.jpg);
}
-------------------------------------------------- ----------------------------------
32. リンクを越えるハンドマウス
style="カーソル:手"
-------------------------------------------------- ----------------------------------
33. レイヤーをオフにする方法
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">レイヤーを閉じる</a>
-------------------------------------------------- ----------------------------------
34. ウィンドウを閉じるスクリプト
<a href=javascript:close()>[ウィンドウを閉じる]</a>
-------------------------------------------------- ----------------------------------
35. テキストが長すぎる場合、長すぎる部分は省略記号で表示されます。
<DIV STYLE="幅: 120px; 高さ: 50px; ボーダー: 1px 青一色; オーバーフロー: 非表示; テキスト-オーバーフロー: 省略記号">
<NOBR>たとえば、表に 1 行で表示できないほど長いテキスト行があるとします。</NOBR>
</DIV>
-------------------------------------------------- ----------------------------------
36. ホームページに入ると自動的に最大化
<スクリプト>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
-------------------------------------- ---- ----------------------------------
37. 浮き彫りのテキスト
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#ええええ;">
<フォントが無効>
どうですか、凹んでますか? <br>
試してみたくないですか? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
-------------------------------------------------- ----------------------------------
38. コードボックスを実行
<スクリプト>
関数プレビュー()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=codecols=60 rows=15></textarea>
<br>
<button onclick=Preview() >実行</button>
-------------------------------------------------- -----------------------------
38. フォームをリンクする
<table width="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</テーブル>
-------------------------------------------------- ----------------------------------
39. ポップアップを常に最前面に表示する
<body onblur="this.focus();">
-------------------------------------------------- ----------------------------------
40.CSSテキストシャドウ
.shadowfont{FILTER:dropshadow(color=#666666, offx=1, offy=1,positive=1); FONT-FAMILY: "フォントサイズ: 9pt;COLOR: #ffffff;}
-------------------------------------------------- ----------------------------------
41. 戻ってウィンドウを閉じて戻ります: javascript:history.back(1)
閉じる: javascript:window.close();
-------------------------------------------------- ----------------------------------
42. フォームは透明です
style="フィルター: アルファ(不透明度=72)"
-------------------------------------------------- ----------------------------------
43. 他人があなたのウェブページをフレーム内に入れるのを防ぐ方法
<script language="javascript"><!--if (self!=top){top.location=self.location;} -->< /script>
-------------------------------------------------- ----------------------------------
44.AltとTitleの違い
alt は画像にヒントを与えるために使用されます。タイトルは、リンク テキストまたは通常のテキストのヒントを提供するために使用されます。
<a href="#" Title="リンク テキストのヒントを与える">テキスト</a>
<p Title="リンクのテキストヒント">テキスト</p>
<img src="画像のリンク" alt="画像のヒント">
------------------ -------------------------------------------------- ----------
45. すべての JavaScript 呼び出しに外部呼び出しを使用するようにしてください。
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
-------------------------------------------------- ----------------------------------
46. へのリンク
応答.リダイレクト「ログイン.asp」
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
-------------------------------------- ---------- --------------------------------------
47. 基本リンクスタイル
a:link はリンクのスタイルを表します
a:active は、現在アクティブな接続のスタイルを表します。
a:hover は、マウスが上を通過したときのスタイルを表します。
a:visited は、訪問済みリンクのスタイル
「link-visited-hover-active」を表します。「lvha」と省略されます。つまり、「love」+「hate」です。
-------------- -------------------------------------------------- -- ---------------
48. 同じページに異なるテキストリンク効果を持つスタイルを設定する
<style type="text/css">
.green {カラー: #309633}
.green A:link {カラー: #309633; テキスト装飾: なし}
.green A: 訪問済み {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {色: #309633; テキスト装飾: 下線}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</スタイル>
<a href="#" class="green">テキスト</a>
-------------------------------- -------------------------------------------------- ------
49. ドロップダウンジャンプメニュー
<select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<オプション>----選択してください----</オプション>
<option value=" http://www.devdao.com ">ウェブマスター デザイン ネットワーク</option>
<option value=" http://www.fontchina.cn/ ">フォント</option >
</選択>
-------------------------------------------------- ----------------------------------
50. div をブロックするソリューションを選択します。次のコードを div に追加し、必要に応じて調整します。
<iframe src="javascript:false"scrolling="no"frameborder="0" style="z-index:-1;position:absolute;top:5px; left:2px;width:168;height:100px;" >
</iframe>
-------------------------------------- ----------------------------------
51. ページ全体のリンクはすべて _blank で、新しいウィンドウが開きます。
<base target="_blank">