ホームページ >ウェブフロントエンド >htmlチュートリアル >description_html/css_WEB-ITnose を含む純粋な HTML+CSS の黄色のナビゲーション メニュー

description_html/css_WEB-ITnose を含む純粋な HTML+CSS の黄色のナビゲーション メニュー

WBOY
WBOYオリジナル
2016-06-24 11:44:423758ブラウズ

説明付きの HoverTree CSS メニュー: 純粋な HTML+CSS 構造リンク、説明付きの黄色のナビゲーション

オンライン体験効果: http://hovertree.com/texiao/css/1.htm

コードは次のとおりです。 HTML ファイルで効果を確認できます:

<!DOCTYPE html ><html ><head><title>HoverTree带说明的CSS菜单-hovertree.com</title><base target="_blank" /><link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/css/1/hovertreemenu.css" /></head><body><div style="width:970px;margin:0px auto;"><h2>HoverTree菜单 - 带说明的CSS菜单</h2>纯HTML+CSS结构链接带说明的黄色导航 <a href="http://hovertree.com/hvtart/bjae/5w5svpu4.htm">原文</a> <a href="http://hovertree.com">何问起</a> <a href="http://hovertree.com/texiao/">特效库</a></div><div class="hovertree-menu"><ul><li> <a href="http://hovertree.com/menu/jquery/">jQuery<div class="info">学习jQuery的好地方,从入门到精通,资料大全。</div></a> </li><li> <a href="http://hovertree.com/texiao/">网页特效<div class="info">各种网页特效,jQuery,JS,CSS,HTML5等等。。。</div></a> </li><li> <a href="http://hovertree.com/menu/aspnet/">ASP.NET<div class="info">ASP.NET 资料库,代码大全。</div></a> </li><li> <a href="http://hovertree.com/hvtart/bjae/1d2c278a117f94ca.htm">jQuery下载<div class="info">各个版本的jQuery下载。</div></a> </li><li> <a href="http://hovertree.com/hvtart/bjae/009i1gl6.htm">相关菜单<div class="info">纯CSS带说明菜单,另一种风格。</div></a> </li><li> <a href="http://hovertree.com/menu/javascript/">JS代码<div class="info">格式各样的JavaScript代码供你参考。</div></a> </li><li> <a href="http://keleyi.com/">柯乐义<div class="info">Web前端资料,jQuery,HTML5等。</div></a> </li></ul></div></body></html>

参考: http://hovertree.com/hvtart/bjae/009i1gl6.htm

Web フロントエンドの概要

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