网页特效导航菜单特效资源-CSDN文库

共19个文件

png：6个

js：5个

css：3个

4星 · 超过85%的资源需积分: 6 190 浏览量 2011-05-19 16:18:38 上传评论收藏 44KB RAR 举报

<!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=gb2312"> <title>效果流畅动感基于jquery库的JS特效下拉菜单_酷站代码 www.5icool.org</title> <link href="css/smartmenu.css" type="text/css" rel="stylesheet" /> <link type="text/css" rel="stylesheet" href="css/shCore.css"/> <link type="text/css" rel="stylesheet" href="css/shThemeDefault.css"/> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/smartmenu-min.js"></script> <script type="text/javascript" src="js/shCore.js"></script> <script type="text/javascript" src="js/shBrushJScript.js"></script> <script type="text/javascript" src="js/shBrushXml.js"></script> <script type="text/javascript"> jQuery(window).ready(function(){ jQuery("#navigation").Smartmenu({animationDuration: 350}); }); SyntaxHighlighter.all(); </script> <style type="text/css"> body { background : #333; } #wrap { margin : 50px auto 0px auto; width : 750px; } #description { margin-top: 80px; } #description ul { margin: 0px; padding: 0px; list-style: none; } h2 { font-family: helvetica, arial; font-size: 15pt; color: #888; } pre { font-size: 8pt; } </style> </head> <body> <div id="wrap"> <div id="navigation" class="smartmenu"> <ul> <li> <a href="http://www.5icool.org/">JavaScript</a> <ul> <li> <a href="http://www.5icool.org/">Navigation</a> </li> <li> <a href="http://www.5icool.org/">Shopping Carts</a> </li> <li> <a href="http://www.5icool.org/">Forms</a> </li> <li> <a href="http://www.5icool.org/">News Tickers</a> </li> <li> <a href="http://www.5icool.org/">Ratings and Charts</a> </li> <li> <a href="http://www.5icool.org/">Media</a> </li> </ul> </li> <li> <a href="http://www.5icool.org/">Wordpress</a> <ul> <li> <a href="http://www.5icool.org/">Blog & Magazines</a> </li> <li> <a href="http://www.5icool.org/">Creative</a> </li> <li> <a href="http://www.5icool.org/">Corporate</a> </li> <li> <a href="http://www.5icool.org/">Retail</a> </li> </ul> </li> <li> <a href="">Site Template</a> <ul> <li> <a href="http://www.5icool.org/">Creative</a> </li> <li> <a href="http://www.5icool.org/">Technology</a> </li> </ul> </li> <li> <a href="">PSD Templates</a> <ul> <li> <a href="http://www.5icool.org/">Nonprofit</a> </li> <li> <a href="http://www.5icool.org/">Entertainment</a> </li> <li> <a href="http://www.5icool.org/">Personal</a> </li> <li> <a href="http://www.5icool.org/">Miscellaneous</a> </li> </ul> </li> <li> <a href="">Video</a> </li> <li> <a href="">PHP Scripts</a> <ul> <li> <a href="http://www.5icool.org/">Project Management Tools</a> </li> <li> <a href="http://www.5icool.org/">Image & Media</a> </li> <li> <a href="http://www.5icool.org/">Uploaders</a> </li> <li> <a href="http://www.5icool.org/">Calendars</a> </li> </ul> </li> </ul> </div> <div id="description"> <ul> <li> <h2>All the JavaScript you need to write</h2> <pre class="brush: javascript;"> $(window).ready(function(){ jQuery("#navigation").Smartmenu(); }); </pre> </li> <li> <h2>All the HTML you need</h2> <pre class="brush: xml"> <div id="navigation" class="smartmenu"> <ul> <li> <a href="">JavaScript</a> <ul> <li> <a href="">Navigation</a> </li> <li> <a href="">Shopping Carts</a> </li> <li> <a href="">Forms</a> </li> <li> <a href="">News Tickers</a> </li> <li> <a href="">Ratings and Charts</a> </li> <li> <a href="">Media</a> </li> </ul> </li> <li> <a href="">Wordpress</a> <ul> <li> <a href="">Blog & Magazines</a> </li> <li> <a href="">Creative</a> </li> <li> <a href="">Corporate</a> </li> <li> <a href="">Retail</a> </li> </ul> </li> <li> <a href="">Site Template</a> <ul> <li> <a href="">Creative</a> </li> <li> <a href="">Technology</a> </li> </ul> </li> </ul> </div> </pre> </li> </ul> </div> </div> <p align="center"><a href="http://www.5icool.org/a/201011/700.html" target="_blank"><strong>效果流畅动感基于jquery库的JS特效下拉菜单</strong></a> <a href="http://www.5icool.org/a/201011/700.html" target="_blank">[源码下载][使用帮助]</a></p> <p align="center" style="font-size:12px;">代码整理：<a href="http://www.5icool.org/" target="_blank">酷站代码</a>，转载请注明出处。　本代码仅限于学习交流，请勿用于商业用途! </p> </body> </html>

资源推荐

资源详情

资源评论