标题网页滚动条应用秘诀
栏目网络与通信
作者世纪鸟工作室·老河
发布2001年28期
在网络世界闲逛了这么久,这个世界里有谁不想拥有自己的家(主页),当然,随随便便建造可不行,咱们谈点细节的东西,这次我们就拿浏览器的滚动条来开刀,说说滚动条方面的应用……
第一招:隐身大法
有时网页设计要求,需要将滚动条去除,怎么去除呢?用刀砍!那可不行,有一个更好的方法,请听我细细道来,首先看看我收藏多年的秘诀:
<body style='overflow:scroll;overflow-y:hidden;overflow-x:hidden'>
让我先分析一下,代码中的overflow:scroll是对滚动条的定义,overflow-y:hidden是指竖向滚动条(这是我们训练的重点),overflow-x:hidden是指横向滚动条的隐身,可以了,大家伙儿可以尝尝新了。
该方法可以用于页面全屏设计和固定风格的视窗定位,这样可以达到去除滚动条。
第二招:双击滚屏
本来不想说出这一招的,但是看在小编阿飙手中的剑上(架在我的脖子上),我只好交出了,大家请看:
<script language"javascript">
var currentpos,timer;
function initialize() //定义
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if(currentpos!= document.body.scrollTop)
sc();
document.onmousedown=sc
document.ondblclick=initialize//双击触发滚动事件
</script>
注:还要我解析一下吗?这是采用timer元素来实现的,通常用于网站文章的阅读(这时一位菜鸟扔来流星锤,我闪。)其人问到:要把特效插到网页的什么位置?我倒!原则上插在<body>...</body>是最好的,但好像插到哪里都可以用。
以上的特效代码也不算太多,诸位可以自己录入,如果懒得输的话,可以下载(下载网址:www.80cn.com)。