侧边伸缩菜单 – 筚路蓝缕

&lt;style type="text/css"&gt;
#master {
	LEFT:-100px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:200px;
	Z-INDEX:2
}
#menu {
	LEFT:100px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:18px;
	Z-INDEX:5
}
#top {
	LEFT:0px;
	POSITION:absolute;
	TOP:25px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX:5
}
#screen {
	LEFT:0px;
	POSITION:absolute;
	TOP:31px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX:5
}
#screenlinks {
	LEFT:0px;
	POSITION:absolute;
	TOP:31px;
	VISIBILITY:visible;
	WIDTH:100px;
	Z-INDEX: 5
}
&lt;/style&gt;
&lt;script&gt; 
var ie = document.all ? 1 : 0 
var ns = document.layers ? 1 : 0 
if(ie){ 
document.write('&lt;style type="text/css"&gt;') 
document.write("#screen {filter:Alpha(Opacity=30);}") 
document.write("&lt;/style&gt;") 
} 
if(ns){ 
document.write('&lt;style type="text/css"&gt;') 
document.write("#master {clip:rect(0,150,250,0);}") 
document.write("&lt;/style&gt;") 
} 
var ie = document.all ? 1 : 0 
var ns = document.layers ? 1 : 0 
var master = new Object("element") 
master.curLeft = -100; 
master.curTop = 10; 
master.gapLeft = 0; 
master.gapTop = 0; 
master.timer = null; 

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop) {
    clearTimeout(eval(layerName).timer);
    if (eval(layerName).curLeft != fromLeft) {
        if ((Math.max(eval(layerName).curLeft, fromLeft)-Math.min(eval(layerName).curLeft, fromLeft)) &lt; paceLeft) {
            eval(layerName).curLeft = fromLeft;
        } else if (eval(layerName).curLeft &lt; fromLeft) {
            eval(layerName).curLeft = eval(layerName).curLeft + paceLeft;
        } else if (eval(layerName).curLeft &gt; fromLeft) {
            eval(layerName).curLeft = eval(layerName).curLeft - paceLeft;
        }
        if (ie) {
            document.all[layerName].style.left = eval(layerName).curLeft;
        }
        if (ns) {
            document[layerName].left = eval(layerName).curLeft;
        }
    }
    if (eval(layerName).curTop != fromTop) {
        if ((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) &lt; paceTop) {
            eval(layerName).curTop = fromTop;
        } else if (eval(layerName).curTop &lt; fromTop) {
            eval(layerName).curTop = eval(layerName).curTop + paceTop;
        } else if (eval(layerName).curTop &gt; fromTop) {
            eval(layerName).curTop = eval(layerName).curTop - paceTop;
        }
        if (ie) {
            document.all[layerName].style.top = eval(layerName).curTop;
        }
        if (ns) {
            document[layerName].top = eval(layerName).curTop;
        }
    }
    eval(layerName).timer = setTimeout('moveAlong(" + layerName + ",' + paceLeft + ',' + paceTop + ',' + fromLeft + ',' + fromTop + ')', 30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed) {
    eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) / motionSpeed;
    eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) / motionSpeed;
	moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop);
}
var expandState = 0

function expand() {
    if (expandState == 0) {
        setPace("master", 0, 10, 10);
        if (ie) {
            document.menutop.src = "menub.gif"
        };
        expandState = 1;
    } else {
        setPace("master", -100, 10, 10);
        if (ie) {
            document.menutop.src = "menu.gif"
        };
        expandState = 0;
    }
}
&lt;/script&gt;

&lt;div id='master'&gt;
	&lt;div id='menu' onmouseover="javascript: expand() "&gt;
		&lt;table border='0' cellpadding='0' cellspacing='0' width='18'&gt;
		&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td width=" 100 % "&gt;
				&lt;a href="javascript:expand()" onfocus ='this.blur()' &gt;
				&lt;img alt ='点击这里展开 / 关闭快捷菜单'  border ='' 0 height ='' 70 name ='menutop'  src ="menu.gif" width='18'&gt;&lt;/a&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/tbody&gt;
		&lt;/table&gt;
	&lt;/div&gt;
	&lt;div id='top'&gt;
		&lt;table border='0' cellpadding='0' cellspacing='0' width='100'&gt;
		&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td width=" 100 % "&gt;
				&lt;img border='0' height='6' src="top.gif" width ='100' &gt;&lt;/td&gt;
			&lt;/tr&gt;
			&lt;/tbody&gt;
			&lt;/table&gt;
			&lt;/div&gt;
			&lt;div id='screen' onmouseout="javascript:expand()"&gt;
				&lt;table border ='0'  cellpadding ='5'  cellspacing ='0'  width ='100' &gt;
				&lt;tbody&gt;&lt;tr&gt;&lt;td bgcolor ='#336666'  width= "100%"&gt;
				&lt;table bgcolor ='#336666'  border='0'  cellpadding ='0'  cellspacing ='0'  width = "100%" height='213'&gt;
				&lt;tbody&gt;
				&lt;tr&gt;
					&lt;td width="100%"&gt;
						&lt;table border='0' cellpadding='5' cellspacing='1' width="100%"&gt;
						&lt;tbody&gt;&lt;tr&gt;&lt;td bgcolor ='#ecf6f5'  width ="100%"&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/tbody&gt;
				&lt;/table&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/tbody&gt;
		&lt;/table&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;div id='screenlinks'&gt;
&lt;table border='0' cellpadding='6' cellspacing='0' width='100'&gt;
&lt;tbody&gt;
&lt;tr&gt;
	&lt;td style="FILTER:alpha(opacity='90)" width="100%"&gt;
		&lt;table bgcolor='#336666' border='0' cellpadding='0' cellspacing='0' width="100%"&gt;
		&lt;tbody&gt;
		&lt;tr&gt;
			&lt;td width="100%"&gt;
				&lt;table border='0' cellpadding='6' cellspacing='1' width="100%"&gt;
				&lt;tbody&gt;
				&lt;tr&gt;
					&lt;td bgcolor='#ecf6f5' width="100%" align="center"&gt;
						&lt;font color='999900'&gt;闪客服务导航&lt;/font&gt;
						├&lt;a href="bank.asp" target="_BLANK"&gt;闪客银行&lt;/a&gt;
						├&lt;a href="gupiao.ASP"&gt;股票市场&lt;/a&gt;
						├&lt;a href="caipiao.ASP"&gt;福利彩票&lt;/a&gt;
						├&lt;a href="GUESS.ASP" target="_BLANK"&gt;猜 点 数&lt;/a&gt;
						├&lt;a href="BET.ASP" target="_BLANK"&gt;赌 大 小&lt;/a&gt;
						├&lt;a href="RACE.ASP" target="_BLANK"&gt;赛 马 场&lt;/a&gt;
						├&lt;a href="TIGER.ASP" target="_BLANK"&gt;老 虎 机&lt;/a&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/tbody&gt;
				&lt;/table&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/tbody&gt;
		&lt;/table&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
if (ie) {
    var sidemenu = document.all.master;
}
if (ns) {
    var sidemenu = document.master;
}
function FixY() {
    if (ie) {
        sidemenu.style.top = document.body.scrollTop + 10
    }
    if (ns) {
        sidemenu.top = window.pageYOffset + 10
    }
}
setInterval("FixY()", 100); 
&lt;/script&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

#master {

LEFT:-100px;

POSITION:absolute;

TOP:25px;

VISIBILITY:visible;

WIDTH:200px;

Z-INDEX:2

}

#menu {

LEFT:100px;

POSITION:absolute;

TOP:25px;

VISIBILITY:visible;

WIDTH:18px;

Z-INDEX:5

}

#top {

LEFT:0px;

POSITION:absolute;

TOP:25px;

VISIBILITY:visible;

WIDTH:100px;

Z-INDEX:5

}

#screen {

LEFT:0px;

POSITION:absolute;

TOP:31px;

VISIBILITY:visible;

WIDTH:100px;

Z-INDEX:5

}

#screenlinks {

LEFT:0px;

POSITION:absolute;

TOP:31px;

VISIBILITY:visible;

WIDTH:100px;

Z-INDEX: 5

}

</style>

var ie = document.all ? 1 : 0

var ns = document.layers ? 1 : 0

if(ie){

document.write('<style type="text/css">')

document.write("#screen {filter:Alpha(Opacity=30);}")

document.write("</style>")

}

if(ns){

document.write('<style type="text/css">')

document.write("#master {clip:rect(0,150,250,0);}")

document.write("</style>")

}

var ie = document.all ? 1 : 0

var ns = document.layers ? 1 : 0

var master = new Object("element")

master.curLeft = -100;

master.curTop = 10;

master.gapLeft = 0;

master.gapTop = 0;

master.timer = null;

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop) {

clearTimeout(eval(layerName).timer);

if (eval(layerName).curLeft != fromLeft) {

if ((Math.max(eval(layerName).curLeft, fromLeft)-Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft) {

eval(layerName).curLeft = fromLeft;

} else if (eval(layerName).curLeft < fromLeft) {

eval(layerName).curLeft = eval(layerName).curLeft + paceLeft;

} else if (eval(layerName).curLeft > fromLeft) {

eval(layerName).curLeft = eval(layerName).curLeft - paceLeft;

}

if (ie) {

document.all[layerName].style.left = eval(layerName).curLeft;

}

if (ns) {

document[layerName].left = eval(layerName).curLeft;

}

if (eval(layerName).curTop != fromTop) {

if ((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop) {

eval(layerName).curTop = fromTop;

} else if (eval(layerName).curTop < fromTop) {

eval(layerName).curTop = eval(layerName).curTop + paceTop;

} else if (eval(layerName).curTop > fromTop) {

eval(layerName).curTop = eval(layerName).curTop - paceTop;

}

if (ie) {

document.all[layerName].style.top = eval(layerName).curTop;

}

if (ns) {

document[layerName].top = eval(layerName).curTop;

}

eval(layerName).timer = setTimeout('moveAlong(" + layerName + ",' + paceLeft + ',' + paceTop + ',' + fromLeft + ',' + fromTop + ')', 30)

}

function setPace(layerName, fromLeft, fromTop, motionSpeed) {

eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) / motionSpeed;

eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) / motionSpeed;

moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop);

}

var expandState = 0

function expand() {

if (expandState == 0) {

setPace("master", 0, 10, 10);

if (ie) {

document.menutop.src = "menub.gif"

};

expandState = 1;

} else {

setPace("master", -100, 10, 10);

if (ie) {

document.menutop.src = "menu.gif"

};

expandState = 0;

}

</script>

<tbody>

<tr>

</td>

</tr>

</tbody>

</table>

</div>

<tbody>

<tr>

</tr>

</tbody>

</table>

</div>

<tbody>

<tr>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</div>

<tbody>

<tr>

<tbody>

<tr>

<tbody>

<tr>

<font color='999900'>闪客服务导航</font>

├<a href="bank.asp" target="_BLANK">闪客银行</a>

├<a href="gupiao.ASP">股票市场</a>

├<a href="caipiao.ASP">福利彩票</a>

├<a href="GUESS.ASP" target="_BLANK">猜点数</a>

├<a href="BET.ASP" target="_BLANK">赌大小</a>

├<a href="RACE.ASP" target="_BLANK">赛马场</a>

├<a href="TIGER.ASP" target="_BLANK">老虎机</a>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</div>

if (ie) {

var sidemenu = document.all.master;

}

if (ns) {

var sidemenu = document.master;

}

function FixY() {

if (ie) {

sidemenu.style.top = document.body.scrollTop + 10

}

if (ns) {

sidemenu.top = window.pageYOffset + 10

}

setInterval("FixY()", 100);

</script>

2025 年 7 月
一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复