蚂蚁论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 45|回复: 0

滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码

[复制链接]

1979

主题

1

好友

1609

积分

管理员

Rank: 64Rank: 64Rank: 64Rank: 64

  • TA的每日心情
    奋斗
    2016-1-22 16:23
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    荣誉管理 论坛元老 热心会员 活跃会员 最佳新人 灌水之王

    发表于 2017-10-12 15:23:33 |显示全部楼层
    滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
    安装U盘里下载的“滚动条变色”插件, 安装到DW后,如何正常应用该特效插件? 答:打开DW , 1、新建页面——代码——删除lt;htmlgt;前面的所有代码! 2、鼠标定位在lt;headgt;之后——点击DW“设计”——点击“滚动条变色”插件,进行设置。 滚动条代码英文翻译:arrow——箭头,track——轨道。 提示:如果插入以下代码不能变色,请把网页头部lt;htmlgt;前的多于代码删除即可! 滚动条变色: 也可以直接在网页的lt;headgt; lt;/headgt;之间输入以下代码,就可以随意变色了: 复制代码 代码如下: lt;stylegt; body {SCROLLBAR-FACE-COLOR:3333FF;(立体滚动条凸出部分的颜色) SCROLLBAR-HIGHLIGHT-COLOR:505050;(滚动条空白部分的颜色) SCROLLBAR-SHADOW-COLOR:fc2400;(立体滚动条阴影的颜色) SCROLLBAR-ARROW-COLOR:666666;(上下按钮上三角箭头的颜色) SCROLLBAR-BASE-COLOR:333333; (滚动条的基本颜色) SCROLLBAR-DARK-SHADOW-COLOR:b4fc48} (立体滚动条强阴影的颜色) lt;/stylegt;  后面的16位颜色值你可以随意更改,括号内是解释说明,在输入时请不要插入。 隐藏滚动条: 在任何情况下,如果网页超出显示范围,就会出现滚动条。但有时我们并不想让它显示,如何隐藏它呢?只需在lt;bodygt; lt;/bodygt;之间插入代码:lt;body style="overflow-x:hidden;overflow-y:hidden"gt;即可。其中x表示水平滚动条,将其改为y的话就可以隐藏垂直滚动条。 双击网页滚屏显示: 当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的。为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止。将下面的代码插入到lt;bodygt; lt;/bodygt;之间。 复制代码 代码如下: lt;script language"javascript"gt; var currentpos,timer; function initialize() { timer=setInterval("scrollwindow()",10); } function sc(){ clearInterval(timer); } function scrollwindow() { currentpos=documentbodyscrollTop; windowscroll(0,++currentpos); if (currentpos != documentbodyscrollTop) sc(); } documentonmousedown=sc documentondblclick=initialize lt;/scriptgt;  注意:上面代码都是非标准模式的。
    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    蚂蚁站长论坛推荐上一条 /1 下一条

    QQ|Archiver|手机版|广告服务|蚂蚁站长-站长之家 ( 黔ICP备16008478号-1  

    GMT+8, 2017-10-23 06:48

    Powered by 站长论坛

    © 2007-2013 Jzant.com Inc.

    回顶部