1. まず、jQuery 公式 Web サイト (http://jquery.com/) から js ライブラリをダウンロードします。 2. jQuery サンプル プロジェクトを作成します。 3. js ライブラリを jQuery サンプル プロジェクトに配置します。 4. HTML ページを作成します コードをコピーします コードは次のとおりです: < ;html> ="author" content="Kong.Yee"/> -equiv="contact" content="791663094or kong.yee@foxmail.com"/> < ;/script> <br><title>ここにタイトルを挿入</title> <br><style type="text/css"> <br>.bg{ <br>/*background color*/ <br>background: #f00; <br>/*font color*/ <br>color: #fff; <br>width: 80px; <br><br>ul, li { <br>/*clear ul と li のデフォルトのドット*/ <br>list-style: none; <br>} <br><br>ul { <br>/*サブメニューのインデント値をクリアします*/ <br>padding : 0;/*IE8、IE9、Firefox は OK; IE7、IE6、IE5.5 は不可*/ <br>margin: 0;/*すべて OK*/ <br>} <br><br></style> ; <BR><script type="text/javascript"> <br>$(function(){ <br>//setColor はマウスの移動方法です<br>$("li" ).mouseover(setColor) .mouseout(setColor); <br><br>function setColor(){ <br>//存在する(存在しない)場合は、クラスを削除(追加) <br>$(this) .toggleClass("bg"); <br> div"> 水平メニュー 1 水平メニュー 2 水平メニュー 3< /li> 水平メニュー 5 /ul>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
