小李飞刀资源网 Design By www.iooab.com

代码还可进一步精简,时间关系,这里先发上来大家再优化吧,菜单项自己再添一些。

<html>
<head>
<title>浮动菜单</title>
<style>
BODY {
 FONT-SIZE: 9pt; COLOR: #333333
}
DIV {
 FONT-SIZE: 9pt; COLOR: #333333
}
TD {
 FONT-SIZE: 9pt; COLOR: #333333
}
A:link {
 FONT-SIZE: 9pt; COLOR: #3366cc; LINE-HEIGHT: 13pt; TEXT-DECORATION: none
}
A:visited {
 FONT-SIZE: 9pt; COLOR: #3366cc; TEXT-DECORATION: none
}
A:active {
 FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
 COLOR: #0000ff; TEXT-DECORATION: none
}
</style>
<SCRIPT>var sRepeat=null;function doScrollerIE(dir, src, amount) { if (amount==null) {amount=10} if (dir=="up") {document.all[src].scrollTop-=amount} else {document.all[src].scrollTop+=amount} if (sRepeat==null) {sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)} return false}window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");window.document.ondragstart = new Function("return false");function msover(){{event.srcElement.style.color="000099";event.srcElement.style.backgroundColor="99ccff";event.srcElement.style.cursor = "hand";}}function msout(){{event.srcElement.style.color="";event.srcElement.style.backgroundColor="";event.srcElement.style.cursor = "auto";}}function markover(){{event.srcElement.style.color="990000";event.srcElement.style.cursor = "hand";}}function markout(){{event.srcElement.style.color="000000";event.srcElement.style.cursor = "auto";}}function toggle( targetId ){{target = document.all( targetId );if (target.style.display == "none"){target.style.display = "";} else {target.style.display = "none";}}}</SCRIPT>
</head>
<body>
<table border=0>
<TR><TD onMouseOver="this.style.backgroundColor  = '990000';" onMouseOut="this.style.backgroundColor = '000099';" align=right BGCOLOR=#000099><A CLASS=scroll ONMOUSEOVER="return doScrollerIE('up','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><font color=white>向下滚动</A></TD></TR>          
<TR><TD BGCOLOR=99ccff><DIV ID=s1 CLASS=sc1 STYLE="width: 121; height: 125; overflow: hidden; background: #99ccff;">          
<A CLASS=scr HREF="">天方夜潭</A><BR>
<A CLASS=scr HREF="">红楼梦</A><BR>
<A CLASS=scr HREF="">水浒传</A><BR>
<A CLASS=scr HREF="">仲夏夜</A><BR>
<A CLASS=scr HREF="">聊天室ver2.3</A><BR>
<A CLASS=scr HREF="">江水滩</A><BR>
<A CLASS=scr HREF="">麻烦了</A><BR>
<A CLASS=scr HREF="">新中国</A><BR>
<A CLASS=scr HREF="">摊上大事儿</A><BR> 
<A CLASS=scr HREF="">京东花园</A><BR>
<A CLASS=scr HREF="">天堂</A><BR>
<A CLASS=scr HREF="">HTML5</A><BR> 
<A CLASS=scr HREF="">明月星空</A><BR>
<A CLASS=scr HREF="">白酒品牌</A><BR>
<A CLASS=scr HREF="">中华武术</A><BR>      
</DIV></TD></TR>          
<TR><TD align=right onMouseOver="this.style.backgroundColor  = '990000';" onMouseOut="this.style.backgroundColor = '000099';" BGCOLOR=#000099><A CLASS=scroll ONMOUSEOVER="return doScrollerIE('down','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><font color=white>向上滚动</A></TD></TR> </table>
</body>
</html>

标签:
浮动菜单,上下滚动

小李飞刀资源网 Design By www.iooab.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
小李飞刀资源网 Design By www.iooab.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。