纯CSS3实现的宽屏二级下拉菜单特效源码.zip资源-CSDN文库

共4个文件

css：2个

html：1个

png：1个

版权申诉

css3

90 浏览量 2022-10-31 23:57:09 上传评论收藏 11KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

纯CSS3实现的宽屏二级下拉菜单特效源码.zip （4个子文件）

132689919719316066

css

menu.css 7KB

style.css 34KB

images

sidesearchsubmit.png 628B

index.html 7KB

<!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 name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS3蓝色宽屏二级下拉菜单DEMO演示</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/menu.css"> </head> <body> <div id="move-to-top" class="animate hiding"></div> <div id="page"> <div class="ninenineo_wrap"> <div id="topheader"> <div class="logo">DesignBlog</div> </div>  <div class="container"> <div class="menu style-1"> <ul class="menu"> <li><a href="http://js.itivy.com/?">Home</a></li> <li><a href="http://js.itivy.com/?categories-archives/" class="arrow">Categories</a> <div class="mega-menu full-width"> <div class="col-1"> <h4><a href="http://js.itivy.com/?category/graphics-design/">Graphic Design</a></h4> <ol> <li><a href="http://js.itivy.com/?category/graphics-design/">Design</a></li> <li><a href="http://js.itivy.com/?category/logos/">Logo Design</a></li> <li><a href="http://js.itivy.com/?category/tutorials/">Tutorials</a></li> <li><a href="http://js.itivy.com/?category/mehndi-designs/">Mehndi Designs</a></li> <li><a href="http://js.itivy.com/?tag/vector-graphics/">Vector Graphics</a></li> <li><a href="http://js.itivy.com/?category/wallpapers/">Wallpapers</a></li> </ol> </div> <div class="col-1"> <h4><a href="http://js.itivy.com/?category/website-designing/">Web Design</a></h4> <ol> <li><a href="http://js.itivy.com/?category/website-designing/">Website Design</a></li> <li><a href="http://js.itivy.com/?category/html5-css3/">HTML5 & CSS3</a></li> <li><a href="http://js.itivy.com/?category/jquery/">jQuery</a></li> <li><a href="http://js.itivy.com/?category/javascript-2/">Javascript</a></li> <li><a href="http://js.itivy.com/?category/code/">Coding</a></li> </ol> </div> <div class="col-1"> <h4><a href="http://js.itivy.com/?tag/freebie/">Freebies</a></h4> <ol> <li><a href="http://js.itivy.com/?category/fonts/">Free Fonts</a></li> <li><a href="http://js.itivy.com/?category/icons/">Icons</a></li> <li><a href="http://js.itivy.com/?category/psd-files/">Free PSD Files</a></li> <li><a href="http://js.itivy.com/?tag/free-templates/">PSD Templats</a></li> <li><a href="http://js.itivy.com/?category/software-utilities/">Software & Utilities</a></li> </ol> </div> <div class="col-1"> <h4><a href="http://js.itivy.com/?tag/inspiration/">Inspiration</a></h4> <ol> <li><a href="http://js.itivy.com/?tag/business-cards/">Business Cards</a></li> <li><a href="http://js.itivy.com/?category/photography-2/">Photography</a></li> <li><a href="http://js.itivy.com/?tag/poster-design/">Poster Design</a></li> <li><a href="http://js.itivy.com/?tag/typography/">Typography</a></li> <li><a href="http://js.itivy.com/?tag/illustration-art/">Illustration Art</a></li> </ol> </div> <div class="col-1"> <h4><a href="http://js.itivy.com/?category/wordpress/">Wordpress</a></h4> <ol> <li><a href="http://js.itivy.com/?category/wordpress-themes/">Wordpress Themes</a></li> <li><a href="http://js.itivy.com/?tag/wordpress-plugins/">Wordpress Plugins</a></li> </ol> </div> <div class="col-1"> <h4><a href="http://js.itivy.com/?category/technology/">Technology</a></h4> <ol> <li><a href="http://js.itivy.com/?category/apple/">Apple</a></li> <li><a href="http://js.itivy.com/?category/google/">Google</a></li> <li><a href="http://js.itivy.com/?category/facebook/">Facebook</a></li> <li><a href="http://js.itivy.com/?category/iphone-games/">iPhone Games</a></li> <li><a href="http://js.itivy.com/?category/mobile-app-software/">iPhone Apps</a></li> </ol> </div> </div> </li> <li><a href="http://js.itivy.com/?advertise/">Advertise</a></li> <li><a href="http://js.itivy.com/?write-for-us/">Write For Us</a></li> <li><a href="http://js.itivy.com/?contactus/">Contact Us</a></li> <li> <div id="sidesearch"> <form id="sitesearchform" style="display:inline" method="get" action="http://js.itivy.com/?"> <fieldset> <input class="sidesearch_input" type="text" value="e.g: Web Design" onfocus="if (this.value == 'e.g: Web Design') {this.value = '';}" x-webkit-speech="" onwebkitspeechchange="transcribe(this.value)" onblur="if (this.value == '') {this.value = 'e.g: Web Design';}" name="s" id="s"> <input type="image" class="sidesearch_submit" src="images/sidesearchsubmit.png" /> </fieldset> </form> </div> </li> <li class="right"><a href="http://js.itivy.com/?social-share/" class="arrow">Follow Us</a> <ul> <li><a href="http://js.itivy.com/?karachicorner" class="rss" title="Subscribe to RSS">RSS</a></li> <li><a href="http://sc.chinaz.com" class="twitter" title="Follow us on Twitter">Twitter</a></li> <li><a href="http://sc.chinaz.com" class="facebook" title="Follow us on Facebook">Facebook</a></li> <li><a href="https://sc.chinaz.com" class="googleplus" title="Follow us on Google+">Google+</a></li> <li><a href="http://js.itivy.com/" class="pinterest" title="Follow us on Pinterest">Pinterest</a></li> <li><a href="http://sc.chinaz.com" class="stumbleupon" title="Follow us on Stumbleupon">Stumbleupon</a></li> </ul> </li> </ul> </div> </div> <br><br><br><br> </body> </html>

评论收藏

内容反馈

版权申诉