ホームページ > 記事 > ウェブフロントエンド > JS はドロップダウン メニューのログイン登録ポップアップ ウィンドウを実装します
JS はドロップダウン メニューのログイン登録ポップアップ ウィンドウを実装します
- php中世界最好的语言オリジナル
- 2018-04-19 11:11:162504ブラウズ
今回はドロップダウンメニューログインと登録ポップアップウィンドウのJS実装について説明します。 ドロップダウンメニューログインと登録ポップアップウィンドウのJS実装の注意事項は何ですか？実際のケースを見てみましょう。
ドロップダウンメニューリスト
<style>
*{
margin: 0px;
padding: 0px;
}
.menu{
width: 1100px;
height: 30px;
background-image: url(img/魅力罗兰Music炫图18.jpg);
margin-left: 200px;
margin-top: 50px;
}
.btn{
width: 183.3px;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
font-size: 14px;
position: relative;
overflow: hidden;
transition: 0.5s;
}
.btn:hover{
cursor: pointer;
background-color: burlywood;
color: white;
max-height: 200px;
overflow: visible;
}
.btn ul{
list-style: none;
background-color: #008000;
}
</style>
<body>
<p class="menu">
<p class="btn">罗兰首页</p>
<p class="btn">歌曲专栏
<ul>
<li>流行</li>
<li>摇滚</li>
<li>蓝调</li>
<li>民谣</li>
</ul>
</p>
<p class="btn">音乐人专栏
<ul>
<li>内地</li>
<li>欧美</li>
<li>日韩</li>
<li>港台</li>
</ul>
</p>
<p class="btn">乐器专栏
<ul>
<li>钢琴</li>
<li>小提琴</li>
<li>吉他</li>
<li>架子鼓</li>
</ul>
</p>
<p class="btn">戏曲专栏
<ul>
<li>京剧</li>
<li>话剧</li>
<li>豫剧</li>
<li>黄梅戏</li>
</ul>
</p>
<p class="btn">魅力ROLAND体验区
<ul>
<li>新曲</li>
<li>唱片</li>
<li>MV</li>
</ul>
</p>
</p>
</body>
login登録効果rreeee
推奨読書:
JS は評価スターを実装しますjs は均一なフェードインとフェードアウトを持つ画像を実装します
以上がJS はドロップダウン メニューのログイン登録ポップアップ ウィンドウを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。