常见管理菜单（1）

最新推荐文章于 2024-02-29 14:10:48 发布

问道老王

最新推荐文章于 2024-02-29 14:10:48 发布

阅读量1.3k

点赞数

分类专栏： WebTools Dhtml 文章标签： border class div table function javascript

本文链接：https://blog.csdn.net/sYwb/article/details/279146

版权

WebTools 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

Dhtml

3 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>管理菜单</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<script language='javascript'>
var headHeight = 25;var bodyHeight = 150;var objcount = 8;var step = 25;var moving = false;
function showme(obj1, obj2)
{
    if (moving)
        return;
    moving = true;
    for(i=0;i<document.all.tags('td').length;i++)
        if (document.all.tags('td')[i].className.indexOf('headtd') == 0)
            document.all.tags('td')[i].className = 'headtd1';
    obj2.className = 'headtd2';
    moveme(obj1);
}
function moveme(obj)
{
    idnumber = parseInt(obj.id.substr(4));
    objtop = headHeight * (idnumber - 1);
    objbuttom = bodyHeight + headHeight * (idnumber - 2);
    currenttop = parseInt(obj.style.top);
    if (currenttop >= objbuttom)
    {
        countid = 1;
        for(i=0;i<document.all.tags('div').length;i++)
            if (document.all.tags('div')[i].id == 'item'+countid+'body')
            {
                obj = document.all.tags('div')[i];
                objtop = headHeight * (countid - 1);
                if (countid == idnumber)
                {
                    moveup(obj,objtop,false);
                    break;
                }
                else
                    moveup(obj,objtop,true);
                countid++;
            }
    }
    else if ((currenttop <= objtop) && (idnumber < objcount))
    {
        idnumber++;
        countid = objcount;
        for(i=document.all.tags('div').length-1;i>=0;i--)
            if (document.all.tags('div')[i].id == 'item'+countid+'body')
            {
                obj = document.all.tags('div')[i];
                objbuttom = bodyHeight + headHeight * (countid - 2);
                if (countid == idnumber)
                {
                    movedown(obj,objbuttom,false);
                    break;
                }
                else
                    movedown(obj,objbuttom,true);
                countid--;
            }
    }
}
function moveup(obj,objtop,ismove)
{
    currenttop = parseInt(obj.style.top);
    if (currenttop > objtop)
    {
        obj.style.top = currenttop - step;
        setTimeout('moveup('+obj.id+','+objtop+','+ismove+')',1)
        return;
    }
    moving = ismove;
}
function movedown(obj,objbuttom,ismove)
{
    currenttop = parseInt(obj.style.top);
    if (currenttop < objbuttom)
    {
        obj.style.top = currenttop + step;
        setTimeout('movedown('+obj.id+','+objbuttom+','+ismove+')',1)
        return;
    }
    moving = ismove;
}
</script>
<style type='text/css'>
A{TEXT-DECORATION: none}
A:link {COLOR: #222222; FONT-FAMILY: 宋体; TEXT-DECORATION: none}
A:visited {COLOR: #222222; FONT-FAMILY: 宋体; TEXT-DECORATION: none}
A:active {FONT-FAMILY: 宋体; TEXT-DECORATION: none}
A:hover {BORDER-BOTTOM: 1px dotted; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; COLOR: #ff0000; TEXT-DECORATION: none}
.headtd1 { background: #DDDDD6; border: 2px outset; border-color: #FFFFEE #336699 #336699 #E8E8E8; cursor: hand; font-size: 9pt}
.headtd2 { background: #ddddcc; border: 2px outset; border-color: #ffE8BB #7777FF #7777FF #FFFFFF; cursor: hand; font-size: 10pt; color:#ff0000;}
.bodytd { background: #ccd6dd; border: 2px outset; border-color: #8899cc #7777FF #7777FF #B0D8FF; font-size: 10pt; line-height: 20px;}
.style3 {color: #333300}
.style4 {
color: #FFFFFF;
font-weight: bold;
}
.style9 {color: #0000FF}
</style>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body bgcolor='#8899cc' text='#000000'>
<div id='mainboard' style='position:absolute; left:0px; top:50px; width:120px; height:325px; z-index:13; overflow: hidden; background: #99aadd;'>

<div id='item1body' style='position:absolute; left:0; top:0; width:120px; height:150px; z-index:2; overflow: hidden'>
<table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'>
<tr><td id='item1head' height='23' class='headtd2' οnclick='showme(item1body,this)' align='center'>基本信息</td></tr>
<tr>
<td align='center' class='bodytd'>
<a href="../admin.asp" target=main>网站信息</a><br>
<a href="../aadmin.asp?n=1" target=main>广告管理</a><br>
<a href="lanmu.asp" target=main>栏目设置</a><br>
<a href="../guestbook.asp" target=main>留言管理</a><br>
<a href="linkvip.asp" target=main>VIP管理</a><br>
</td></tr></table></div>

问道老王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
常见管理菜单（1）

管理菜单var headHeight = 25;var bodyHeight = 150;var objcount = 8;var step = 25;var moving = false;function showme(obj1, obj2){ if (moving) return; moving = true; for(i=0;i if (docu
复制链接

扫一扫