手机
当前位置:查字典教程网 >网页设计 >心得技巧 >浮动菜单,可实现上下滚动的效果
浮动菜单,可实现上下滚动的效果
摘要:代码还可进一步精简,时间关系,这里先发上来大家再优化吧,菜单项自己再添一些。浮动菜单BODY{FONT-SIZE:9pt;COLOR:#33...

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

<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>

【浮动菜单,可实现上下滚动的效果】相关文章:

css如何实现数字分页效果代码及步骤

判断浏览器版本的语句且可兼容多个浏览器

CSS在使用中的高级技巧(在实战中会用到)

用js实现css3效果的圆角方法

手把手教你做超酷的条形码效果

浏览器自动填充表单导致网页样式丢失原因分析及解决

浏览器显示TIF格式图像的方法

关于CSS absolute与relative不得不说的话

用图片实现超级链接的个性化下划线

清除浮动的几种方法(推荐)

精品推荐
分类导航