最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:46:32
文档

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

滚动条变色隐藏滚动条与双击网页自动滚屏显示代码_javascript技巧:安装U盘里下载的滚动条变色插件, 安装到DW后,如何正常应用该特效插件? 答:打开DW , 1、新建页面——代码——删除前面的所有代码! 2、鼠标定位在之后——点击DW设计——点击滚动条变色插件,进行设置。 滚动条代码英文翻译:arrow——
推荐度:
导读滚动条变色隐藏滚动条与双击网页自动滚屏显示代码_javascript技巧:安装U盘里下载的滚动条变色插件, 安装到DW后,如何正常应用该特效插件? 答:打开DW , 1、新建页面——代码——删除前面的所有代码! 2、鼠标定位在之后——点击DW设计——点击滚动条变色插件,进行设置。 滚动条代码英文翻译:arrow——


安装U盘里下载的“滚动条变色”插件,

安装到DW后,如何正常应用该特效插件?
答:打开DW ,
1、新建页面——代码——删除前面的所有代码!
2、鼠标定位在之后——点击DW“设计”——点击“滚动条变色”插件,进行设置。
滚动条代码英文翻译:arrow——箭头,track——轨道。
提示:如果插入以下代码不能变色,请把网页头部前的多于代码删除即可!

滚动条变色:

也可以直接在网页的 之间输入以下代码,就可以随意变色了:
代码如下:


后面的16位颜色值你可以随意更改,括号内是解释说明,在输入时请不要插入。

隐藏滚动条:

在任何情况下,如果网页超出显示范围,就会出现滚动条。但有时我们并不想让它显示,如何隐藏它呢?只需在 之间插入代码:即可。其中x表示水平滚动条,将其改为y的话就可以隐藏垂直滚动条。

双击网页滚屏显示:

当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的。为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止。将下面的代码插入到 之间。
代码如下:

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


注意:上面代码都是非标准模式的。

文档

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

滚动条变色隐藏滚动条与双击网页自动滚屏显示代码_javascript技巧:安装U盘里下载的滚动条变色插件, 安装到DW后,如何正常应用该特效插件? 答:打开DW , 1、新建页面——代码——删除前面的所有代码! 2、鼠标定位在之后——点击DW设计——点击滚动条变色插件,进行设置。 滚动条代码英文翻译:arrow——
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top