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

用CSS控制浏览器滚动条样式源代码的相关文章

• 
  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
• 
  用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
• 
  滚动条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
• 
  给浏览器的滚动条加上颜色

  标签：ASP

    豆腐制作 都是精品 http://www.asp888.net 豆腐技术站 我们知道可以使用样式表来控制页面的很多的属性,比如我们可以通过这样的CSS 来改变Button的背景颜色 input.colorbutton { font-size:9pt; background-color: white; color:rgb(0,0,128) ; } 然后我们在HTML代码中加入下面的代码: <input type=button class=colorbutton id=test name=test value="测试Button颜色" 即可 IE5.5 给我...[ 查看全文 ]

  wZq逆

  11
• 
  CSS Reset重设浏览器的样式代码实例

  标签：Web开发

  在22333.com前面的文章中，我们讲过CSS Reset是指重设浏览器的样式。不同的浏览器默认的样式可能不近相同，所有开发时的第一件事可能就是如果把他们统一。 下面的代码是YaHoo的方法，我们可以参考学习。 总结与编写出，适合自己工作与学习的CSS Reset代码。 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0;...[ 查看全文 ]

  可乐鸡翅292

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

  标签：Web开发

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

  鹿木易

  231
• 
  CSS样式表教程：浏览器默认样式

  标签：Web开发

  不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}； 不过现在说的可不只是这些。基本上，不同内核的两个浏览器在某些元素的表现都会存在差异，比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好，在另外一个浏览器上即使是没有CSS Bug的情况也会变得结构混乱起来，我都是浏览器默认样式在作怪。 因此，我们在生...[ 查看全文 ]

  甜蜜宝贝的小屋

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

  标签：Web开发

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

  学校给的忧伤

  41
• 
  隐藏滚动条

  标签：Web开发

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

  伊人邢天涯

  21
• 
  层滚动条

  标签：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
• 
  编写跨浏览器兼容的CSS代码

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。 理解 CSS 盒子模型 如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS ...[ 查看全文 ]

  龙武大

  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
• 
  用javascript控制iframe滚动的代码

  标签：Web开发

  现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊????  img   src="demo.gif"   onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)"   onmouseup="clearInterval(window.timer)"      img   src="...[ 查看全文 ]

  Ringjsj

  21
• 
  浏览器不能正常解析CSS代码的解决

  标签：Web开发

  网页采用了UTF-8编码格式，这本来没有问题，问题是外部CSS文件默认是 ANSI编码，并没有保存为UTF-8格式。可能你会发现在一般情况下这样也是没有问题的，然而当CSS文件中包含有中文注释时就可能不尽如人意了! 估计是IE6版本以下的浏览器在解析这个CSS文件时因为编码问题而无法正确解析，所以才会发生CSS在IE6下不起作用的情况。看来微软已注意到这个问题，在IE7中把它修复了。但是用IE6的人还是不少...[ 查看全文 ]

  本尊神游中

  11
• 
  兼容主流浏览器的CSS透明代码

  标签：Web开发

  透明往往能产生不错的网页视觉效果，先奉上兼容主流浏览器的CSS透明代码: .transparent_class {  filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }上面的几个属性分别是: opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持Firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1. -moz-opa...[ 查看全文 ]

  旷材旷材旷

  71
• 
  根据浏览器和分辨率调用CSS代码

  标签：Web开发

  SCRIPT LANGUAGE="JavaScript" !-- if (window.navigator.userAgent.indexOf("MSIE")=1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; ScreenWidth(IE1024,IE800,IE1152,IEother) }else{ if (window.navigator.userAgent.indexOf("Firefox")=1) { file://如果浏览器为Firefox var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; ScreenWidth(Fire...[ 查看全文 ]

  你非良人32

  11
• 
  浏览器CSS兼容方案

  标签：Web开发

  网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同，导致设计的页面效果不一样，所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢？广泛被使用的方法就是CSS Hack，即使用特别的CSS定义显示网页在不同浏览器的设计风格，针对不同的浏览器去写不同的CSS，最大化兼容浏览器。 一般情况下，我都会兼顾IE 6.0...[ 查看全文 ]

  北京小青年33

  21
• 
  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
• 
  javascript下for( in )语句 获得所有style 的【scrollbar】滚动条样式内容

  标签：Web开发

  events=[];for(o in O=obj.currentStyle)events.push(o+'='+O[o])  这里输入代码内容 0 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] [ 查看全文 ]

  加妹Q402002245

  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