首页    新闻    下载    文档    论坛     最新漏洞    黑客教程    数据库    搜索    小榕软件实验室怀旧版    星际争霸WEB版    最新IP准确查询   
名称: 密码:      忘记密码  马上注册
安全知识 :: 漏洞利用

坏狼-刷新不闭合的下拉菜单(这个可以改很强大)


http://www.gipsky.com/
坏狼-刷新不闭合的下拉菜单(这个可以改很强大,改左拉,右拉)

[code]<!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>刷新不闭合的下拉菜单</title>

<style type="text/css">



*{margin:0;padding:0;border:0;}/*外边距 内边距 边框 为0*/

#nav {

width:155px;

line-height: 24px;

list-style-type: none;

text-align:left;

}/*整个菜单的背景 高度 宽度*/



/*==================一级目录===================*/

#nav a {

font-size: 14px;

line-height: 20px;

color: #611110;

width: 130px;

display: block;

padding-left:10px;

}/*一级目录的a标签 属性Width(一定要),否则下面的Li会变形*/

#nav li {

font-size: 14px;

line-height: 20px;

color: #611110;

border-bottom:#FFF 1px solid;

float:left;

} /*float:left,本不应该设置,但由于在Firefox不能正常显示继承Nav的width,限制宽度,li自动向下延伸*/

#nav li a:hover{

font-size: 14px;

line-height: 20px;

color: #611110;

text-decoration:none;font-weight:bold;

} /*一级目录鼠标滑动显示的背景色*/



#nav a:link {

font-size: 14px;

line-height: 20px;

color: #611110;

text-decoration:none;

font-weight:bold;

}

#nav a:visited {

font-size: 14px;

line-height: 20px;

color: #611110;

text-decoration:none;

font-weight:bold;

}



/*==================二级目录===================*/

#nav li ul {

list-style:none;

text-align:left;

}

#nav li ul li{

font-weight:normal;

} /*二级目录的背景色 用A标签设置宽高 li直接继承1级的属性*/



#nav li ul a{

padding-left:20px;

width:135px;

font-size: 12px;

line-height: 18px;

color: #004F96;

font-weight:normal;

}/* 二级A标签的属性 padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/



/*下面是二级目录的链接样式*/



#nav li ul a:link {

font-size: 12px;

line-height: 18px;

color: #004F96; text-decoration:none;

font-weight:normal;

}

#nav li ul a:visited {

font-size: 12px;

line-height: 18px;

color: #004F96;text-decoration:none;

font-weight:normal;

}

#nav li ul a:hover {

font-size: 12px;

line-height: 18px;

color: #611110;

text-decoration:none;

font-weight:normal;

}/* 二级鼠标滑动的字体颜色、背景色*/



/*==============================*/

#nav li:hover ul {

left: auto;

}

#nav li.sfhover ul {

left: auto;

}

#content {

clear: left;

}/*清楚浮动*/

#nav ul.collapsed {

display: none;

}



</style>

</head>



<body>

<div id="left">

<ul id="nav">

<li>首页</li>

<li>一级菜单

<ul id="ChildMenu2" class="collapsed">

<li>二级菜单</li>

<li>二级菜单</li>

</ul>

</li>

<li>一级菜单

<ul id="ChildMenu3" class="collapsed">

<li>&nbsp;&nbsp;二级菜单</li>

<li>&nbsp;&nbsp;二级菜单</li>

</ul>

</li>

<li>一级菜单

<ul id="ChildMenu4" class="collapsed">

<li>&nbsp;&nbsp;二级菜单</li>

<li>&nbsp;&nbsp;二级菜单</li>

</ul>

</li>

<li>一级菜单

<ul id="ChildMenu5" class="collapsed">

<li><span style="color:#004F96;">二级菜单</span></li>

<li>&nbsp;&nbsp;二级菜单</li>

<li>&nbsp;&nbsp;二级菜单</li>

</ul>

</li>

<li>菜单</li>

</ul>

[/code]

<script type=text/javascript>



var LastLeftID = "";



function menuFix() {

var obj = document.getElementById("nav").getElementsByTagName("li");



for (var i=0; i<obj.length; i ) {

obj[i].onmouseover=function() {

this.className =(this.className.length>0? " ": "") "sfhover";

}

obj[i].onMouseDown=function() {

this.className =(this.className.length>0? " ": "") "sfhover";

}

obj[i].onMouseUp=function() {

this.className =(this.className.length>0? " ": "") "sfhover";

}

obj[i].onmouseout=function() {

this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");

}

}

}



function DoMenu(emid)

{

var obj = document.getElementById(emid);

obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");

if[1]

{

document.getElementById(LastLeftID).className = "collapsed";

}

LastLeftID = emid;

}/*判断ID关闭上一个目录*/



function GetMenuID()

{



var MenuID="";

var _paramStr = new String(window.location.href);



var _sharpPos = _paramStr.indexOf("#");



if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)

{

_paramStr = _paramStr.substring(_sharpPos 1, _paramStr.length);

}

else

{

_paramStr = "";

}



if (_paramStr.length > 0)

{

var _paramArr = _paramStr.split("&");

if (_paramArr.length>0)

{

var _paramKeyVal = _paramArr[0].split("=");

if (_paramKeyVal.length>0)

{

MenuID = _paramKeyVal[1];

}

}

/*

if (_paramArr.length>0)

{

var _arr = new Array(_paramArr.length);

}



//取所有#后面的,菜单只需用到Menu

//for (var i = 0; i < _paramArr.length; i )

{

var _paramKeyVal = _paramArr[i].split('=');



if (_paramKeyVal.length>0)

{

_arr[_paramKeyVal[0]] = _paramKeyVal[1];

}

}

*/

}



if(MenuID!="")

{

DoMenu(MenuID)

}

}



GetMenuID(); //*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果

menuFix();



</script>

</body>

</html>

[/code]
<div class="tags" style="display: block">Tags: 刷新 , 不闭合 , 下拉 , 上拉 , 左拉 , 菜单[/code]
[/code]
附注
  1. LastLeftID!="")&&(emid!=LastLeftID
<< 最近发现很多人问我同样的问题,这里一起回答~ dedecms程序install.php未删除漏洞~ >>
API:
gipsky.com& 安信网络
网友个人意见,不代表本站立场。对于发言内容,由发表者自负责任。

系统导航

 

Copyright © 2001-2010 安信网络. All Rights Reserved
京ICP备05056747号