ホームページ > ウェブフロントエンド > htmlチュートリアル > li でこのクリック可能な効果を作成するにはどうすればよいですか? _html/css_WEB-ITnose

li でこのクリック可能な効果を作成するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:12:41
オリジナル
1198 人が閲覧しました




--- つまり、ファンを表示している右側にマウスを置いたときに、テキストの上にマウスを置くのではなく、「a」ラベルが表示されるドロップダウン メニューを作成したいのです。関数をクリックすると、別のページに移動します。これはどのように実装されていますか?


ディスカッションへの返信 (解決策)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">ul,li{margin:0; padding:0; list-style:none; font-size:14px;}ul{width:180px; border:solid 1px #999999}a{ text-decoration:none; color:#333333; display:block; padding:5px}a:hover{background:#e8e8e8; }</style></head><body><ul>	<li><a href="http://www.baidu.com">超链接111111</a></li>	<li><a href="http://www.baidu.com">超链接111111</a></li>	<li><a href="http://www.baidu.com">超链接111111</a></li>	<li><a href="http://www.baidu.com">超链接111111</a></li>	<li><a href="http://www.baidu.com">超链接111111</a></li></ul></body></html>
ログイン後にコピー

HTML コード




+++

1 階の回答からの引用:

HTML コード





もすごいですね、これまでdispayタグを使ったことはありませんでした、笑

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート