用CSS代码轻松Diy你的网页滚动条

用CSS代码轻松Diy你的网页滚动条的相关文章

• 
  用css美化滚动条

  标签：Html CSS布局 Div+CSS XHTML

  果在您看够了您的主页中灰色的滚动条，想让他变一种颜色，您该怎么办呢？ 其实这很简单，插入一段代码就能实现了(必须是IE5以上，或者是以IE5为内核的浏览器) 首先，先让我们看这张图这段代码是在html中的和中加入 其中#xxxxxx就是你选择的颜色的代码 如果你还不明白请在看下面的几个例子 1 body { background: #4E544B; color: #FFFFFF; SCROLLBAR-FACE-COLOR: #6D7669; SCROLLBAR-HIGHLIGHT-COL...[ 查看全文 ]

  chaorenlfl

  41
• 
  小技巧让你轻松Diy你的网页滚动条

  标签：Web开发

  在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的，而是漂亮的红色或其它颜色，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？ 网页滚动条代码及其解释如下：（复制时请将大写尖括号改为小写） ＜Style type="text/css"＞ ＜!-- Body { scrollbar-face-color:#C0C0C0; （表面） scrollbar-highlight-color:#FFFFFF;（亮边） scrol...[ 查看全文 ]

  胖纸的无奈

  171
• 
  CSS隐藏网页的滚动条教程

  标签：Web开发

  解决思路： 我们希望是强制出现滚动条，但有时候我们并不希望出现滚动条，那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。 具体步骤： 方法一：设置CSS属性overflow为hidden。 ＜body＞ 方法二：设置body元素的scroll属性为no。 ＜body scroll="no"＞ 注意： 建议用方法一隐藏滚动条，用方法二的话在IE5.0中无...[ 查看全文 ]

  学校给的忧伤

  41
• 
  用CSS控制浏览器滚动条样式源代码

  标签：Web开发

  自从dhtml出现以来，微软对dhtml功能的加强就没有停止过，在微软最新的游览器internet explorer 5.5的的ie5.5增加了许多新的样式表内容，对滚动条的样式进行修改也是其中之一，下面我们简单地介绍一下涉及浏览器滚动条的样式表内容： 1．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、s...[ 查看全文 ]

  安踏拖拉机

  31
• 
  CSS控制浏览器滚动条的源代码

  标签：Web开发

      1．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本颜色 scrollbar-dark-shadow-color立体滚...[ 查看全文 ]

  百岁养生艾

  21
• 
  网页高手-玩转网页滚动条

  标签：Web开发

  网页滚动条本身就是浏览器的一部分，使用它可以方便浏览较大的网页，但是千篇一律的它经常会给整体页面效果拖了不少后腿，我们能不能改变它灰灰的样子呢？能！俗话说：“只有你想不到的，没有做不到的。” 给滚动条换色 FRA 几乎所有网页的滚动条都是默认的灰色，如果把它的颜色换换，来点另类的，相信一定会使网页更加靓丽。我们只要在网页代码＜head ＜/head之间插入下面的代码，即可随心所欲地...[ 查看全文 ]

  摩西都

  01
• 
  滚动条CSS样式详细说明

  标签：Web开发

  SCROLLBAR-FACE-COLOR:#f5f5f5; SCROLLBAR-HIGHLIGHT-COLOR:#f5f5f5; SCROLLBAR-SHADOW-COLOR:#b2b2b2; SCROLLBAR-3DLIGHT-COLOR:#b2b2b2; SCROLLBAR-ARROW-COLOR:#3e3e3e; SCROLLBAR-TRACK-COLOR:#fff; SCROLLBAR-DARKSHADOW-COLOR:#fff; SCROLLBAR-BASE-COLOR:#f5f5f5; [ 查看全文 ]

  唱一首岛歌i

  51
• 
  FLASH实现滚动条+网页书签效果

  标签：flash教程

  第一步：场景中的元素 因为这一步主要是在场景中加入文字和图片，大家可以下载源文件后用FLASH打开自己研究，这里就不详细介绍各元素的画法了。 点击下载FLA源文件 关于场景中的元素，这里要说清楚的是各个MovieClip(影片剪辑，以下简称mc）的命名，如下图所示(注：这里说的命名，是指把mc放到场景中后在Properties<属性面板中的命名，而不是在Library<库中的命名，见图中红色线条框出的部分）： 说 ...[ 查看全文 ]

  邳州桃花

  551
• 
  隐藏滚动条

  标签：Web开发

  具体步骤： 方法一：设置CSS属性overflow为hidden。 body 方法二：设置body元素的scroll属性为no。 body scroll="no" 注意：建议用方法一隐藏滚动条，用方法二的话在IE5.0中无法再用脚本对页面进行滚动进行操作。因为方法只是隐藏滚动条不显示，而方法二是直接设置为没有滚动条。这一点可以在本部分第六章的《问题6》中分别用本例的两种方法设置demo.htm页的滚动条来测试。在IE5.0上，用方法二隐藏demo.h...[ 查看全文 ]

  伊人邢天涯

  21
• 
  Cool Web Scrollbars - 定制网页的滚动条

  标签：Html CSS布局 Div+CSS XHTML

    之前笔者曾经介绍过用Dreamweaver插件改变IE浏览器滚动条，现在已经有人写出了快速制作此种代码的小软件，让不懂CSS（层叠样式表）的网友轻松上手，让熟悉CSS的网友解除繁琐的代码敲打。 Cool Web Scrollbars拥有简单的明了的操作界面，让人看了一目了然： 下载网址：http://www8.pconline.com.cn/download/swdetail.phtml?id=5081 软件界面的左栏是预览窗口，为了方便观看与制作效果，软件把浏览...[ 查看全文 ]

  hnzsz

  51
• 
  层滚动条

  标签：Web开发

  html headtitle层滚动条DIY - Powered by yexj00/title style !-- *{ font-size: 12px} -- /style script language="Javascript" !-- function $(obj){ return document.all[obj]; } function setbarHeight(){ $("scroll_bar").style.height=($("scroll_content").clientHeight)/($("scroll_content").scrollHeight)*($("scroll_area").offsetHeight...[ 查看全文 ]

  莫默默茉脉么

  21
• 
  用js+cookie记录滚动条位置

  标签：Web开发

  记录滚动条位置 dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd [Ctr...[ 查看全文 ]

  冬瓜果果

  351
• 
  用JTrackBar实现的模拟苹果风格的滚动条

  标签：Web开发

    代码如下： function JObj(){} JObj.$c = function(tag){return document.createElement(tag)}; JObj.$ = function(id){return document.getElementById(id)}; JObj.isRate = function(pRateString){     if(!isNaN(pRateString)) return false;     if(pRateString.substr(pRateString.lengt...[ 查看全文 ]

  5号超声波

  321
• 
  jQuery 锚点跳转滚动条平滑滚动一句话代码

  标签：Web开发

  jQuery锚点跳转滚动条平滑滚动一句话代码 代码如下： $("html,body").animate({scrollTop: $("#box").offset().top}, 1000); 一下是一些jquery的小技巧 1. 控制编译结果 代码如下： script type="text/javascript" src="scripts/jquery-1.2.6.min.js"/script %if (false) { % script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"/script %}% 2. 1.如果要使用jQuery提供的函...[ 查看全文 ]

  QQ_93891546

  21
• 
  Jquery iframe内部出滚动条

  标签：Web开发

  代码如下： //调用函数 var pagestyle = function() { var rframe = $("#mainFrame"); //ie7默认情况下会有上下滚动条，去掉上下15像素 var h = $(window).height() - rframe.offset().top - 15; rframe.height(h); } //注册加载事件 $("#mainFrame").load(pagestyle); //注册窗体改变大小事件 $(window).resize(pagestyle); [ 查看全文 ]

  北京驾照分代扣

  341
• 
  js滚动条多种样式,推荐

  标签：Web开发

  一外国佬写的。 有几种样式，点击那些example1234.html就能看见了。 可以研究一下下 http://www.n-son.com/scripts/jsScrolling/[ 查看全文 ]

  鹿木易

  231
• 
  ScrollView滚动条颜色的设置方法

  标签：编程语言 网络编程

  很多开发者在做Android UI时不知道如何设置ScrollView滚动条控件的滑块颜色，其实通过ScrollView的xml布局属性android:scrollbarThumbVertical可以关联一个drawable对象，比如说在ScrollView中我们有 android:scrollbars="vertical" //滚动条是垂直的 android:scrollbarThumbVertical="@drawable/red" //垂直滚动条颜色为red，red可以是一个png的图片或用shape组成的xml图形文件组成的drawable对象。[ 查看全文 ]

  爱明月0403

  71
• 
  记录滚动条位置（使用userdate）

  标签：Web开发

  记录滚动条位置 dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd dd [Ctr...[ 查看全文 ]

  q1806080160

  381
• 
  FAQ：如何访问WebBrowser的滚动条

  标签：编程语言 网络编程

    问======================================== 我使用webbrowser控件，但是想用自己的滚动条，但不知如何得到webbrowser中滚动条的长度，怎么办？谢谢！！ 2004-10-24 答========================================     抱歉拖了很久才回复你的问题。     WebBrowser的滚动条不是一般的Windows滚动条，用GetSc...[ 查看全文 ]

  岂能是无分纹

  01
• 
  最简单的方法去掉iframe滚动条

  标签：Web开发

  该文也可以说是一个iframe自适应大小的折中解决办法。iframe出现滚动条的原因是，body里面的内容的高度大于了iframe的高度，所以会出现滚动条。 解决办法： 采用Jquery从iframe嵌套的页面中获取一个高度值，在iframe的父窗口中的onload事件中更新iframe的高度。 具体实现代码： 父页面： script type="text/javascript"function SetCwinHeight(){ var H=$("#...[ 查看全文 ]

  三好青年人

  91