ホームページ > 記事 > ウェブフロントエンド > content_javascript スキルを表示および非表示にする JavaScript クロージャ関数

content_javascript スキルを表示および非表示にする JavaScript クロージャ関数

WBOYオリジナル: 2016-05-16 18:54:54905ブラウズ

<title> 新しいドキュメント </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css"> 
.a{ 
width:200px; 
font-size:12px; 
font-weight:bold; 
height:30px; 
line-height:30px; 
background:url(/images/default/header_bg.gif); 
margin-top:5px; 
} 
.a a{ text-Decoration:none;} 
.aa{ 
width:200px; 
height:100px; 
border:3px groove #91D2FF; 
display:none; 
} 
</style>

<div id="a" title="a1" class="a">
<a href="#"> クリックして表示 </a>

</div>
<div id="a1" class="aa" style="display:block">
愛は心配無用、私のアイドルはGuoguoです
 
愛は心配無用、私のアイドルはGuoguoです
 
</div>
<div id="b" title="b1" class="a">
<a href="#"> クリックして表示 </a>
</div>
<div id="b1" class="aa">
愛は心配無用です、Guoguo、私はあなたを尊敬します
 
愛は心配無用です、Guoguo、私はあなたを尊敬します
 
</div>
<div id="c" title="c1" class="a">
<a href="#"> クリックして表示 </a>
</div>
<div id="c1" class="aa">
心配のない愛、アイドルのグオグオを毎日フォローしてください
 
心配のない愛、アイドルのグオグオを毎日フォローしてください
 
</div>
<div id="d" title="d1" class="a">
<a href="#"> クリックして表示 </a>
</div>
<div id="d1" class="aa">
愛には心配がなく、愛は実り多いものです
 
愛には心配がなく、愛は実り多いものです
 
</div>

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

声明：

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

前の記事：HTMLコード内のタグの全属性中国語アノテーション_基礎知識次の記事：HTMLコード内のタグの全属性中国語アノテーション_基礎知識

続きを見る

content_javascript スキルを表示および非表示にする JavaScript クロージャ関数

関連記事