美工版(不用写脚本的) IE,firefox,opear都支持的下拉菜单
点击次数：19 次 发布日期：2008-11-26 22:45:34 作者：源代码网
|
源代码网推荐 源代码网推荐 [Copy to clipboard]CODE:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 源代码网推荐<html lang="us-en"> 源代码网推荐<head> 源代码网推荐<title>(ie,firefox,opera支持) (下拉菜单美工版 dropmenu.js )</title> 源代码网推荐<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 源代码网推荐<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 源代码网推荐<meta name="keywords" content="dropmenu.js (ie,firefox,opera) "/> 源代码网推荐<meta name="description" content="dropmenu.js (ie,firefox,opera)" /> 源代码网推荐 源代码网推荐<style type="text/css"> 源代码网推荐* {font-size:14px;} 源代码网推荐 .DropMenus{ position:absolute; left:-9999px; top:0;} 源代码网推荐 源代码网推荐 源代码网推荐 .DropMenus ul{ list-style:none;} 源代码网推荐 .DropMenus li{ background:#ddd;} 源代码网推荐 .DropMenus li a{ color:black; display:block; width:100px; border:1px solid black; text-align:center; text-decoration:none; font-size:15px;} 源代码网推荐 .DropMenus li a:hover{ color:white; display:block; background:blue; width:100px; border:1px solid black; text-align:center; text-decoration:none; font-size:15px;} 源代码网推荐 源代码网推荐</style> 源代码网推荐<script type="text/javascript" src="http://bbs.lamking.com/shqlsl/menu/js/dropmenu.js"></script> 源代码网推荐</head> 源代码网推荐<body> 源代码网推荐下载地址： <a href="http://www.cnblogs.com/Files/shqlsl/dropmenu.rar">http://www.cnblogs.com/Files/shqlsl/dropmenu.rar (下拉菜单美工版)</a><br/><br/> 源代码网推荐 源代码网推荐 源代码网推荐<a href="#" dropmenu="menu1,-30,25">显示menu 1</a> <b dropmenu="menu2,30,25">显示menu 2</b> <br/><br/><br/><br/><span dropmenu="menu3,-15,23">显示menu3</span> 源代码网推荐<strong dropmenu="menu4,10,20">显示menu4</strong> 源代码网推荐<br/> 源代码网推荐<br/> 源代码网推荐 源代码网推荐<div dropmenu=",10,10">显示menu5</div> 源代码网推荐<br/> 源代码网推荐<br/><br/> 源代码网推荐<br/><br/> 源代码网推荐<br/> 源代码网推荐<img src="http://www.im286.com/images/im286/logo.gif" dropmenu=",50,20" alt="menu6">显示menu6 源代码网推荐 源代码网推荐<div class="DropMenus" id="menu1"><!--下拉菜单1--> 源代码网推荐 <ul> 源代码网推荐 <li><a href="####">menu1</a></li> 源代码网推荐 <li><a href="####">menu1</a></li> 源代码网推荐 <li><a href="####">menu1</a></li> 源代码网推荐 <li><a href="####">menu1</a></li> 源代码网推荐 <li><a href="####">menu1</a></li> 源代码网推荐 <li><a href="####">menu1</a></li> 源代码网推荐 </ul> 源代码网推荐 </div> 源代码网推荐 <div class="DropMenus" id="menu2"><!--下拉菜单2--> 源代码网推荐 <ul> 源代码网推荐 <li><a href="####">menu2</a></li> 源代码网推荐 <li><a href="####">menu2</a></li> 源代码网推荐 <li><a href="####">menu2</a></li> 源代码网推荐 <li><a href="####">menu2</a></li> 源代码网推荐 <li><a href="####">menu2</a></li> 源代码网推荐 <li><a href="####">menu2</a></li> 源代码网推荐 </ul> 源代码网推荐 </div> 源代码网推荐 <div class="DropMenus" id="menu3"><!--下拉菜单3--> 源代码网推荐 <ul> 源代码网推荐 <li><a href="####">menu3</a></li> 源代码网推荐 <li><a href="####">menu3</a></li> 源代码网推荐 <li><a href="####">menu3</a></li> 源代码网推荐 <li><a href="####">menu3</a></li> 源代码网推荐 <li><a href="####">menu3</a></li> 源代码网推荐 <li><a href="####">menu3</a></li> 源代码网推荐 </ul> 源代码网推荐 </div> 源代码网推荐 源代码网推荐<div class="DropMenus" id="menu4"><!--下拉菜单4--> 源代码网推荐 <ul> 源代码网推荐 <li><a href="####">menu4</a></li> 源代码网推荐 <li><a href="####">menu4</a></li> 源代码网推荐 <li><a href="####">menu4</a></li> 源代码网推荐 <li><a href="####">menu4</a></li> 源代码网推荐 <li><a href="####">menu4</a></li> 源代码网推荐 <li><a href="####">menu4</a></li> 源代码网推荐 </ul> 源代码网推荐 </div> 源代码网推荐 源代码网推荐 <div class="DropMenus"><!--下拉菜单5--> 源代码网推荐 <ul> 源代码网推荐 <li><a href="####">menu5</a></li> 源代码网推荐 <li><a href="####">menu5</a></li> 源代码网推荐 <li><a href="####">menu5</a></li> 源代码网推荐 <li><a href="####">menu5</a></li> 源代码网推荐 <li><a href="####">menu5</a></li> 源代码网推荐 <li><a href="####">menu5</a></li> 源代码网推荐 </ul> 源代码网推荐 </div> 源代码网推荐 源代码网推荐 <div class="DropMenus" id="menu6"><!--下拉菜单6--> 源代码网推荐 <ul> 源代码网推荐 <li><a href="####">menu6</a></li> 源代码网推荐 <li><a href="####">menu6</a></li> 源代码网推荐 <li><a href="####">menu6</a></li> 源代码网推荐 <li><a href="####">menu6</a></li> 源代码网推荐 <li><a href="####">menu6</a></li> 源代码网推荐 <li><a href="####">menu6</a></li> 源代码网推荐 </ul> 源代码网推荐 </div> 源代码网推荐<xmp> 源代码网推荐使用说明: 源代码网推荐你要显示的下拉菜单,存放在 源代码网推荐0. 将dropwmenu.js这个脚本引用在网页内如：<script type="text/javascript" src="js/dropmenu.js"></script> 源代码网推荐 源代码网推荐1. <div class="DropMenus">里面</div> 将这个div的样式设置为 源代码网推荐 源代码网推荐2. 写一个css样式类 .DropMenus{ position:absolute; left:-9999px; top:0;} 源代码网推荐 源代码网推荐3. 将你要显示下拉菜单的html对象 (目前支持以下标签) 源代码网推荐 "div","p","span","a","strong","b","li","td","img" 源代码网推荐 写上一个属性dropmenu 源代码网推荐 dropmenu="id,x,y" 源代码网推荐 id {表示你要显示的下拉菜单的对象id (记住，一定要有 class="DropMenus"的标签) 如果不填写，会随机使用一个 源代码网推荐 x {表示左右偏移} 源代码网推荐 y {表示上下偏移} 源代码网推荐 表示:"显示的菜单对象,左右偏移多少(允许负值),下面编移多少" 源代码网推荐4. 好处我不说了，美工都可以弄. 这样可以增加 搜索引情对我们页面的菜单连接采集 源代码网推荐 源代码网推荐5. 有任何问题，请与我联系。 shqlsl@hotmail.com QQ:628558 源代码网推荐 源代码网推荐</xmp> 源代码网推荐 源代码网推荐</body> 源代码网推荐</html> 源代码网供稿. |
