KKKKKKKKKKKK

Posted on 2006-05-19 18:21 冷风.net 阅读(290) 评论(0) 收藏举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
2

<HTML>
3

<HEAD>
4

<title>LeftMenu</title>
5

.MainMenu{
11

background-color:Lime;
12

}
13

</style>
14

<!--
16

var currentMenu = null;
17

function MainMenu()
19

{
20

//菜單ID
21

this.ID = "MainMenu1";
22

//菜單項
23

this.Items = new Array();
24

//父控件
25

this.Parent = document.body;
26

//菜單寬
27

this.Width = 200;
28

//菜單樣式
29

this.className = "";
30

//初使化
32

MainMenu_Initialization(this);
33

//顯示
35

this.Render = MainMenu_Render;
36

}
38

function MainMenu_Initialization(sender)
40

{
41

}
43

function MainMenu_Render()
45

{
46

sender = this;
47

var table = document.createElement("table");
49

table.cellPadding=3;
50

table.cellSpacing=0;
51

table.rules="none";
52

table.bordercolordark="#FFFFFF";
53

table.borderColor = "#ebebeb";
54

table.width = sender.Width;
55

table.id = sender.ID + "_menuTable";
56

table.border = 1;
57

table.className = sender.className;
58

CreateMenuItems(sender,table);
60

sender.Parent.appendChild(table);
62

}
64

function CreateMenuItems(sender,table)
66

{
67

for(var i=0; i<sender.Items.length; i++)
68

{
69

var row = table.insertRow(table.rows.length);
70

var cell0 = row.insertCell(0);
71

var imgCtrl = document.createElement("img");
72

imgCtrl.src = sender.Items[i][2];
73

cell0.appendChild(imgCtrl);
74

var cell1 = row.insertCell(1);
76

var ACtrl = document.createElement("a");
77

ACtrl.href = sender.Items[i][1];
78

ACtrl.innerHTML = sender.Items[i][0];
79

cell1.appendChild(ACtrl);
80

var cell2 = row.insertCell(2);
82

var items = sender.Items[i][3];
83

if(items.length>0)
84

{
85

var img1 = document.createElement("img");
86

img1.src = "./Images/arrow_right.gif";
87

img1.onclick = ShowItemMenu;
88

img1.style.cursor = "hand";
89

img1.table = table;
91

img1.sender = sender;
92

img1.item = i;
93

cell2.appendChild(img1);
94

}
95

else
96

{
97

cell2.innerHTML = "";
98

}
99

}
100

}
101

102

function ItemMenu()
103

{
104

//菜單項
105

this.Items = new Array();
106

//父控件
107

this.Parent = document.body;
108

//菜單寬
109

this.Width = 200;
110

//菜單樣式
111

this.className = "";
112

//上級Table
113

this.parentTable = null;
114

115

//顯示
116

this.Render = ItemMenu_Render;
117

118

}
119

120

function ItemMenu_Render()
121

{
122

var sender = this;
123

124

var table = document.createElement("table");
125

table.cellPadding=3;
126

table.cellSpacing=0;
127

table.rules="none";
128

table.bordercolordark="#FFFFFF";
129

table.borderColor = "#ebebeb";
130

table.border = 1;
131

table.style.position = "absolute";
132

table.style.left = window.event.x-1;
133

table.style.top = event.y+1;
134

table.sender = sender;
135

136

CreateMenuItems(sender,table);
137

138

sender.Parent.appendChild(table);
139

140

table.onmouseover = function()
141

{
142

this.sender.parentTable.style.display = "block";
143

this.style.display = "block";
144

}
145

table.onmouseout = function()
146

{
147

this.style.display = "none";
148

}
149

150

}
151

152

function ShowItemMenu()
153

{
154

var sender = this.sender;
155

var item = this.item;
156

var items = sender.Items[item][3];
157

var table = this.table;
158

159

var itemMenu = new ItemMenu();
160

itemMenu.Items = items;
161

itemMenu.parentTable = table;
162

itemMenu.Render();
163

164

}
165

166

//-->
167

</script>
168

</HEAD>
169

<body MS_POSITIONING="GridLayout">
170

<form id="Form1" method="post">
171

<FONT face="新細明體">
172

<!--
174

window.onload = function()
175

{
176

177

var Items2_Items1 = new Array();
178

Items2_Items1[0] = new Array("BBB1","subLink1","img",new Array());
179

Items2_Items1[1] = new Array("BBB2","subLink1","img",new Array());
180

Items2_Items1[2] = new Array("BBB3","subLink1","img",new Array());
181

Items2_Items1[3] = new Array("BBB4","subLink1","img",new Array());
182

183

var Items2 = new Array();
184

Items2[0] = new Array("AAA","subLink0","img",new Array());
185

Items2[1] = new Array("BBB","subLink1","img",Items2_Items1);
186

Items2[2] = new Array("CCC","subLink2","img",new Array());
187

188

var menu = new MainMenu();
189

menu.Items[0] = new Array("首頁","link","img",new Array());
190

menu.Items[1] = new Array("關於我們","link","img",new Array());
191

menu.Items[2] = new Array("產品簡介","link","img",Items2);
192

menu.Width = 200;
193

menu.className = "MainMenu";
194

//menu.Parent = document.all("Menu1");
195

menu.Render();
196

}
197

//-->
198

</script>
199

</FONT>
200

<div id="Menu1" style="POSITION: absolute"></div>
201

</form>
202

</body>
203

</HTML>
204

刷新页面返回顶部

冷风.NET

KKKKKKKKKKKK