js_jquery によってマウスがホバーされたときに生成されるドロップダウン ボックスの効果

最初にチュートリアルを行い、簡単な例を示します。

コードをコピーします コードは次のとおりです:

jq=jQuery.noConflict();
jq=(document).ready(function(){
jq(" a").mouseover( function(){
jq("a").css("color","#c00");
});
jq("a').mouseout( function(){
jq("a").css("color","#000000″);
});

< body>
マウスを移動すると何が起こるかを確認してください

🎜>jq =jQuery.noConflict();

これは js を定義する jquery ライブラリ名です。
jq(document).ready(function(){
/*これはドキュメントに関する関数ですオブジェクト内には関数 Content*/
});
jq("a").mouseover()function(){
/*これはイベント Mouseover を定義するコンテンツです*/
} 実践的な例: クリックするとテキストを非表示にする:

コードをコピーします:

div.abc {
背景: #e5eec;
マージン: 0px; ; }

このテキストも非表示になります

/button>
🎜>これ このテキストは、[非表示] をクリックすると非表示になります
このテキストも非表示になります。

コードをコピー


コードは次のとおりです。


🎜>< ;!–著者 linuxa
ブログ: www.jb51.net–>
メタ文字セット= "utf-8"> >

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。