一些常见的问题与解决代码！（五）（JS）

最新推荐文章于 2019-05-26 22:03:23 发布

zlp8383178

最新推荐文章于 2019-05-26 22:03:23 发布

阅读量930

点赞数

分类专栏：常见JS代码文章标签： menu function border table class action

本文链接：https://blog.csdn.net/zlp8383178/article/details/411064

版权

常见JS代码专栏收录该内容

8 篇文章 0 订阅

订阅专栏

菜单生成脚本

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>小逛菜单</title>
<style>
.menu_table {background-color: #C6CDD2; color: #000000; border: 1 solid #888888;}

.menu_td_on {background-color: #CFD7EA; border: 1 solid #717685; color: #000000; cursor: hand; font-size: 9pt; text-indent: 10; width: 110; height: 18}
.menu_td_off {background-color: #C6CDD2; border: 1 solid #C6CDD2; color: #000000 cursor: hand; font-size: 9pt; text-indent: 10; width: 110; height: 18}
</style>
</head>

<body>
<script>
<!--
//------------- Menu Action ----------------//

function off_td()
{
event.srcElement.className = "menu_td_off";
}
function on_td()
{
event.srcElement.className = "menu_td_on";
}

var time_num = new Array();

var temp_num = null;

function parent_show_son(num,l,t,w)
{

clearTimeout(time_num[num]);

if(temp_num)
{
  hide_son(temp_num);
}

with(document.getElementById("son_"+num).style)
{
  pixelLeft = l+w+10;
  pixelTop = t+15;
  display = "block";
}

temp_num = num;
}

function parent_hide_son(num)
{
time_num[num] = setTimeout("hide_son("+num+")",600);
}

function hide_son(num)
{
document.getElementById("son_"+num).style.display = "none";
}

function son_on(num)
{
clearTimeout(time_num[num]);
}

//-------------- Make Menu --------------//

var parent_char = '<table border="0" cellspacing="1" cellpadding="0" class="menu_table">'

var son_num = 0;
var son_menu = new Array();

function Have_menu(word)
{
  parent_char+='<tr><td class="menu_td_off" οnmοusemοve="on_td();parent_show_son(this.son,this.offsetLeft,this.offsetTop,this.offsetWidth)" οnmοuseοut="off_td();parent_hide_son(this.son)" son="'+son_num+'">'+word+'</td></tr>';

  son_menu[son_num] = '<div id="son_'+son_num+'" style="position: absolute; top: 0; left: 0; display: none" son="'+son_num+'" οnmοuseοver="son_on(this.son)" οnmοuseοut="parent_hide_son(this.son)"><table border="0" cellspacing="1" cellpadding="0" class="menu_table">'

  this.son = son_num;

  this.Additem = Additem;
  this.Enditem = Enditem;

  son_num++;
}

function Additem(word,link,target)
{
  son_menu[this.son]+= '<tr><a href="'+link+'" target="'+target+'"><td class="menu_td_off" οnmοusemοve="on_td()" οnmοuseοut="off_td()">'+word+'</td></a></tr>'
}

function Enditem()
{
  son_menu[this.son]+= '</table></div>'
}

function No_menu(word)
{
  parent_char+='<tr><td class="menu_td_off" οnmοusemοve="on_td();hide_son(temp_num)" οnmοuseοut="off_td();">'+word+'</td></tr>';
}

function End_menu()
{
  parent_char+='</table>';

  for(i=0;i<son_menu.length;i++)
  {
   parent_char+=son_menu[i]

  }
}

function Show_Good_Menu()
{
  return parent_char;
}

//-->
</script>

BM[2] = new No_menu("menu_2");

BM[3] = new Have_menu("menu_3");

  BM[3].Additem("menu_3_0","#","");
  BM[3].Additem("menu_3_1","#","");
  BM[3].Additem("menu_3_2","#","_blank");
  BM[3].Enditem();

End_menu();

document.body.innerHTML += Show_Good_Menu();

//-->
</script>
</body>

zlp8383178

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一些常见的问题与解决代码！（五）（JS）

菜单生成脚本小逛菜单.menu_table {background-color: #C6CDD2; color: #000000; border: 1 solid #888888;}.menu_td_on {background-color: #CFD7EA; border: 1 solid #717685; color: #000000; cursor: hand; font-size: 9pt
复制链接

扫一扫

专栏目录