<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { margin:0; padding:0; } div.menu { margin:0; padding:0; width:100%; height:30px; background:#145285; } ul,li { margin:0; padding:0; list-style:none; } ul li { padding:0 20px; line-height:30px; float:left; font-size:12px; font-weight:bold; color:#fff; } div.content { width:100%; height:100px; font-size:12px; padding: 10px 0; line-height:30px; text-indent:24px; background-color:#E4F1FA; display:none; } div.content img { float:left; } </style> <script src="js/jquery.js"></script> <script> $(function(){ $('li:eq(0)').hover(function(){ $('div.content').slideDown(500); },function(){ $('div.content').hide(); }); }); </script> </head> <body> <div class="menu"> <ul> <li>网站首页</li> <li>关于拓邦</li> <li>品牌中心</li> <li>经营优势</li> </ul> </div> <div class="content"> <img src="images/x1.jpg" />拓邦·舒适家最早成立于2000年。拓邦·舒适家的成立，肩负了整合有利于环境保护、造福后代、科技含量高的节能产品的使命。致力于为广大用户朋友提供地暖采暖、中央空调、新风系统、净水系统等舒适家居解决方案。拓邦·舒适家已在长沙、武汉等近十个大中城市设立了自己的销售、服务及仓储中心，是全国客户、门店及仓储规模最大、技术力量最好、产品代理级别最高、管理最完善的集成拓邦·舒适家最早成立于2000年。拓邦·舒适家的成立，肩负了整合有利于环境保护、造福后代、科技含量高的节能产品的使命… </div> </body> </html>