让DIV的滚动条自动滚动到最底部

让DIV的滚动条自动滚动到最底部
让DIV的滚动条自动滚动到最底部

让DIV的滚动条自动滚动到最底部

要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息。

聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就

在于如何控制DIV的滚动条。

网上有资料介绍说通过设置scrollTop属性来控制滚动条位置,具体可参见:https://www.360docs.net/doc/346672474.html,/chen1345789/blog/item/de727bfb45587b176d22eba1.ht ml

但同样的代码拿到我这里却完全失效,又仔细查了下资料说XHTML标准下scrollTop的值恒为0,解决办法是使用 document.documentElement.scrollTop 代替document.body.scrollTop,讲了半天所解决的是整个页面的滚动条。这

个方法我是用不了了,因为不是框架结构,所以不可能用body的滚动条控制浏览信息。

网上关于这个问题的资料很少,连CSDN上也说没有办法。

不死心,后来查DHTML手册得知DIV有个doScroll方法可以用来模拟滚动条点击,但很令人失望,到了我这里又是完全失效,难道又不被XHTML支持?

最后终于被我找到三种控制DIV内容滚动的方法:

方法一:

使用锚标记要滚动到的位置,然后通过click方法模拟点击滚动到锚所在位置

 

方法二:

利用DIV的scrollIntoView方法,将最底端滚动到可视位置 [list=1]

方法三:

这个比较复杂也比较灵活一点,就是利用DIV+JS+图片构造一个滚动条,当然了图片是怎么好看怎么用了。

主要部分就是外层的DIV加个overflow:hidden属性,通过js代码调整内层DIV 的margin-left和margin-top来控制内容的滚动,由于上面两种方法已经可以满足需求,所以这种方法没具体做深究,有兴趣的可以试一下

freedom831215:

"https://www.360docs.net/doc/346672474.html,/TR/html4/strict.dtd">

aaaaa

aaaaa

aaaaa

aaaaa

aaaaa

aaaaa

aaaaa

aaaaa

aaaaa

html-滚动条设置

asdfasdfasda123123123 123123123123 1231231
参数说明: 1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容;overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。 参数: visible:扩大面积以显示所有内容 auto:仅当内容超出限定值时添加滚动条 hidden:总是隐藏滚动条 scroll:总是显示滚动条 2、height : 设置滚动条的高度(修改其后数值即可)。 3、滚动条颜色参数设置: scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色 scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色 scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色 scrollbar-base-color 设置或检索滚动条基准颜色 overflow-x function abc() { var div = document.getElementById("Layer3"); div.style.overflow-x=0; } 试试吧对滚动条我还真没用过

HTML TEXTAREA 滚动条属性设置

scrollbar属性、样式详解 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立体滚动条强阴影的颜色 scrollbar-face-color立体滚动条凸出部分的颜色 scrollbar-highlight-color滚动条空白部分的颜色 scrollbar-shadow-color立体滚动条阴影的颜色 我们通过几个实例来讲解上述的样式属性: 1.让浏览器窗口永远都不出现滚动条 没有水平滚动条 没有垂直滚动条 没有滚动条 或 2.设定多行文本框的滚动条 没有水平滚动条 没有垂直滚动条 没有滚动条 3.设定窗口滚动条的颜色 设置窗口滚动条的颜色为红色 scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。 加上一点特别的效果:

CSS设置滚动条样式

?CSS设置滚动条 样式 ?浏览器默认的滚 动条样子太过屌丝 了,得自己动手整 整。记得IE浏览器 有几个设置滚条的 样式,不过比较鸡 肋,只能设置颜色之 类的,而且webkit 下面也不支持。编程 网站一直想着,碰巧 发现网易邮箱的滚 动条样子很好看,一 开始以为是用div 模拟的,结果一看, 吼吼,正合我意,利用的CSS来设置的,而且是webkit浏览器的。下面是由编程网站总结归纳的的方法。 ?webkit浏览器css设置滚动条主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动槽 ::-webkit-scrollbar-thumb 滚动的滑块 ::-webkit-scrollbar-corner 边角 ::-webkit-resizer 定义右下角拖动块的样式 具体所指如图例 上面是滚动条的主要几个设置属性,还有更详尽的CSS属性 :horizontal 水平方向的滚动条 :vertical 垂直方向的滚动条 :decrement 应用于按钮和内层轨道(track piece)。它用来指示按钮或者内层轨道是否会减小视窗的位置(比如,垂直滚动条的上面,水平滚动条的左边。) :increment decrement类似,用来指示按钮或内层轨道是否会增大视窗的位置(比如,垂直滚动条的下面和水平滚动条的右边。) :start 伪类也应用于按钮和滑块。它用来定义对象是否放到滑块的前面。 :end 类似于start伪类,标识对象是否放到滑块的后面。

PPT控件工具中滚动条的设置

在确保VBA代码来源合法和运行无害的前提下,需要降低PPT的安全等级以使VBA代码得以执行。选择”工具→宏→安全性”菜单,将安全级别设为”低”,同时将”可靠发行商”页下的”信任对于Visual Basic项目的访问”项勾选。 创建PPT 1.在PPT中新建空幻灯片。 2.选择”视图→工具栏→控件工具箱”菜单,打开控件工具箱。 3.点击控件工具栏的”标签”控件,在空幻灯片中拖出标签对象Label1。然后点击控件工具栏的”属性”按钮,打开属性栏,设置Label1的Caption、Font、ForeColor、BackStyle等属性。 4.点击”图像”控件,在幻灯片中添加图像对象Image1。在Image1的属性栏中,设置它的AutoSize、Picture 属性,加入图片文件并让图像对象适应图片的大小。 添加代码 双击Label,或选择”工具→宏→Visual basic编辑器”菜单,打开VBA,选择Label1对象,再选择对应的MouseDown、MouseMove和MouseUp事件,加入以下代码: Dim X1, X2, X3, X4, X5, X6 As Integer, Y1, Y2, Y3, Y4, Y5, Y6 As Integer, Down As Boolean ‘设置全局变量,X1、Y1等为Label1等对象的初始坐标值 Private Sub Label1_MouseDown(ByV al Button As Integer, ByV al Shift As Integer, ByV al X As Single, ByV al Y As Single) If Not Down Then X1=X Y1=Y Down=True End If End Sub Private Sub Label1_MouseMove(ByV al Button As Integer, ByV al Shift As Integer, ByV al X As Single, ByV al Y As Single) ’如果鼠标已按下,设置Label1新的坐标值 If Down Then Label1.Left=Label1.Left X-X1 Label1.Top=Label1.Top Y-Y1 X1=X Y1=Y End If End Sub Private Sub Label1_MouseUp(ByV al Button As Integer, ByV al Shift As Integer, ByV al X As Single, ByV al Y As Single) Down=False SlideShowWindows(1).View.First’刷新屏幕,使用PowerPoint XP/2003时加入此句 End Sub 为Image1加入以下VBA代码: Private Sub Image1_MouseDown(ByV al Button As Integer, ByV al Shift As Integer, ByV al X As Single, ByV al Y As Single) If Not Down Then X4=X Y4=Y

CSS隐藏滚动条但还可以滚动

CSS隐藏滚动条但还可以滚动 dadaV20200315 先上实例: /*隐藏滚动条但可以滚动,达经典!*/ body{ border: 1px solid #000000; overflow-x: hidden; } body::-webkit-scrollbar{ display: none; } 滚动条的css样式主要有三部分组成: 1、::-webkit-scrollbar 定义了滚动条整体的样式; 2、::-webkit-scrollbar-thumb 滑块部分; 3、::-webkit-scrollbar-thumb 轨道部分; 下面以overflow-y:auto;为例(overflow-x:auto同) 更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动? 使用overflow:hidden隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性。 由于只需要兼容移动浏览器(Chrome 和Safari),于是想到了自定义滚动条的伪对象选择器 ::-webkit-scrollbar。 隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。 方法1:计算滚动条宽度并隐藏起来 在本站的侧栏,你可以看到前端日报的那块内容并没有滚动条,但鼠标移上去却可以滚动内容。这是什么技术呢?其实我只是把滚动条通过定位把它隐藏了起来。 下面给一个简化版的代码·

......
.outer-container{ width: 360px; height: 200px; position: relative;

动态网页制作期末复习题(2014年1月)

山东广播电视大学 开放教育《动态网页制作》课程复习1 1.在一个框架的属性面板中,不能设置下面哪一项。(D ) A.源文件; B.边框颜色; C.边框宽度D.滚动条 2.下列哪一项表示的不是按钮。(C ) A.type="submit" B.type="reset" C.type="image" D.type="button" 3.下面哪一个属性不是文本的标签属性?( A ) A.nbsp; B.align C.color D.face 4.下面哪一项的电子邮件链接是正确的?( D ) A.https://www.360docs.net/doc/346672474.html, B.xxx@.net C.xxx@com D.xxx@https://www.360docs.net/doc/346672474.html, 5.当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( C ) A.ASP B.HTML C.ZIP D.CGI 6.关于表格的描述正确的一项是。(D ) A.在单元格内不能继续插入整个表格 B.可以同时选定不相邻的单元格 C.粘贴表格时,不粘贴表格的内容 D.在网页中,水平方向可以并排多个独立的表格 7.如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽。( D ) A.126 B.136 C.147 D.167 8.关于文本对齐,源代码设置不正确的一项是:( A ) A.居中对齐:

B.居右对齐:
C.居左对齐:
D.两端对齐:
9.下面哪一项是换行符标签?( C ) A. B. C.
D. 10.下列哪一项是在新窗口中打开网页文档。( B ) A._self B._blank C._top D._parent 11.下面对JPEG格式描述不正确的一项是。( C ) A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快

PPT中制作带滚动条窗口

在PowerPoint课件中使用滚动条 虽然PowerPoint的动画功能不够强大,但目前很多教师还是常常用它制作一些简单的演示型课件,在课件要求不高的情况下,效果还是不错的。 在PowerPoint课件中,如果需要显示的文字内容较多,很多人往往把文字做在多个页面上。可是,有时由于需要,较多的文本必须出现在一个页面上,则很多人都是通过减小文字的字号来解决。这样,制作的课件投在大屏幕上之后,后排的人是很难看清楚的。在PowerPoint中使用滚动条,则可把很多文字放在同一页上,文字的字号也可以任意设定。 下面简单介绍一下在PowerPoint中使用滚动条的方法。 步骤如下: 1、显示“控件工具箱”。新建一个演示文稿,右击PowerPoint工具栏的任意处,从快捷菜单中单击“控件工具箱”,则可显示控件工具箱。(也可以单击“视图”菜单,再选择“工具栏”→“控件工具箱”。)如图: 2、插入文本框控件。单击“控件工具箱”中“文本框”控件,在PowerPoint编辑区按住鼠标左键拖拉出一个文本框区域,调整其位置及大小。 3、设置“文本框”属性。在“文本框”区域单击鼠标右键,选择“属性”,弹出文本框属性窗口。(如图)

在属性窗口中主要设置以下几项: EnterKeyBehavior 属性:设为True。这样,在编辑文本时允许使用回车键换行。若设置为false,则编辑文本时要换行须按Ctrl+Enter组合键。 MultiLine 属性:设为True。允许输入多行文字。 ScrollBars 属性:设为3-fmScrollBarsBoth。其中1-fmScrollBarsHorzontal为水平滚动条;2-fmScrollBarsVertical为垂直滚动条;3-fmScrollBarsBoth为水平滚动条与垂直滚动条均存在。当文字太少,不超出文字框时,滚动条设置无效,当文字超出文字框时,则会出现一个可拖动的滚动条。 若想进一步美化文本框,还可以设置其它属性。例如: BackColor 用于设置文字框的背景颜色。 TextAlign 用于设置文字对齐方式,可设置左对齐、居中对齐和右对齐。 BorderStyle 用于设置边框的有无。 BorderColor 用于设置边框色。 Font 用于设置字体。 ForeColor 用于设置字色。 要实现滚动条对文本的控制,必须设置MultiLine属性为True,并按需要设置ScrollBars 属性。 4、输入文字内容。右击“文本框”,选择“文字框对象”→“编辑”,即可输入文字内容。 5、退出文字编辑。输入文字后,单击文本框外任意处可退出编辑状态。 这样,一个带有滚动条的文本框就做好了。

网页制作模拟题4

1在Dreamweaver CS5中,快速打开“CSS样式”面板的快捷键是(_______) (A)F1 (B)【Shift+F1】 (C)F11 (D)【Shift+F11】 2下列哪一种为Dreamweaver模板文件的扩展名?(_______) (A)css (B)html (C)dwt (D)mb 3在DreamweaverCS5中,可利用(_______)生成具有相似结构和外观的网页,从而大幅度提高网页制作效率,并简化繁琐的网页编辑和维护工作。 (A)模板 (B)框架 (C)CSS样式 (D)站点管理器 4下列标记属于有序列表标记的是(_______)。 (A)

    (B)
      (C)
      (D)
    • 5在HTML中,下面是图像标签的是(_______)。 (A)

      (A)当浏览器不支持图像时,使用文字替换图像 (B)当鼠标移到图象并停留一段时间后,这些注释文字将显示出来 (C)每过段时间图象上都会定时显示注释的文字 (D)在浏览者关闭图像显示功能时,使用文字替换图像 9JPEG格式的图像可以支持(_______)种颜色。 (A)256 (B)512 (C)500万 (D)1670万 10如下图所示,选择多个不连续的单元格。下面各项操作中能实现这种选择的是(_______)。 (A)在选定第1个单元格后,按下Ctrl键,并用鼠标单击其他要选择的单元格 (B)在选定第1个单元格后,按下Shift键,并用鼠标单击其他要选择的单元格(C)在选定第1个单元格后,按下Alt键,并用鼠标单击其他要选择的单元格 (D)在选定第1个单元格后,按下Space键,并用鼠标单击其他要选择的单元格 11表格属性面板中的“间距”是指(_______) (A)表格的外框粗细 (B)表格中页面中所占的空间 (C)表格到页面边缘的距离 (D)表格中单元格间的距离 12下面说法错误的是(_______)。 (A)相邻的单元格可以合并 (B)在表格中可以插入行 (C)可以拆分单元格 (D)在单元格中不可以设置背景图片 13一般情况下,一个框架网页至少由(_______)个框架构成。 (A)1 (B)2

      JAVA滚动条的可见性设置

      Java中为JtextArea控件添加滚动条及设置位置 若要使只有垂直滚动条而没有水平滚动条,使用JTextArea.setLineWrap(true),自动换行。 经测试一下内容通过 JTextArea txaDisplay = new JTextArea(); JScrollPane scroll = new JScrollPane(txaDisplay); //把定义的JTextArea放到JScrollPane里面去 //分别设置水平和垂直滚动条自动出现 scroll.setHorizontalScrollBarPolicy( JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED); scroll.setVerticalScrollBarPolicy( JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED); //分别设置水平和垂直滚动条总是出现 scroll.setHorizontalScrollBarPolicy( JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS); scroll.setVerticalScrollBarPolicy( JScrollPane.VERTICAL_SCROLLBAR_ALWAYS); //分别设置水平和垂直滚动条总是隐藏scroll.setHorizontalScrollBarPolicy(

      JScrollPane.HORIZONTAL_SCROLLBAR_NEVER); scroll.setVerticalScrollBarPolicy( JScrollPane.VERTICAL_SCROLLBAR_NEVER); 设置textarea中垂直滚动条始终显示在最下方,因为一旦收到消息,需要滚动条是指向最下方的,便于阅读新收到的消息。 textarea.setCaretPosition(textarea.getText().length());

      HTML选择题

      在HTML语言中,使用表格时, 数据项是放在下列哪个标签中的( C )。 A .

      B . C . D .
      1.在HTML中,表示页面背景的是( A) a)﹤body bgcolor=﹥ b)﹤body bkcolor=﹥ c)﹤body agcolor=﹥ d)﹤body color=﹥ 2. HTML中﹤body text=red﹥,表示(C) a)正在点击文字的色彩是红色。 b)可可链接文字的色彩是红色。 c)非可链接文字的色彩是红色。 d)已链接文字的色彩是红色。 3.下列表示,可链接文字的颜色是黑色的是() A. ﹤body link=black﹥ B. ﹤body text=black﹥ C. ﹤body vlink=black﹥ D. ﹤body alink=black﹥ 4.下列表示,已经点击(访问)过的可链接文字的的颜色是黑色的是() A. ﹤body alink=”#000000”﹥ B. ﹤body link=”#000000”﹥ C. ﹤body vlink=”#000000”﹥ D. ﹤b ody blink=”#000000”﹥ 5.为了标识一个HTML文件应该使用的HTML标记是() a) b) c) d)
      6.下列代码片段用于( B )。 …… a)页面左边的背景中显示图像”” b)将“”图像平铺填充到整个页面的背景中 c)在页面顶部显示图像“” d)在页面背景的中间显示图像”” 7.以下HTML代码中,说法(B )是正确的。 时装街

      在时装街购买时装

        人来人往 男女老幼

      css常用的网页布局样式属性

      网页布局常用的样式属性 一、Position Position有以下几个值:static,relative,absolute,fixed。 Static:静态定位。如果你没有设置position属性,那么缺省就是static。top,left,bottom,right等属性,在static的情况下是无效的,要使用这些属性,必须把position设置为其他三个值之一。 Relative:相对定位。元素将按照静态定位时的位置进行调整,在静态定位中分配给元素的空间仍然会分配给它,它两边的元素不会向它靠近来填充那个空间,但它们也不会从元素的新位置被挤走。 Absolute:绝对定位。元素将按照包含它的元素的位置进行调整,比如它嵌套在另一个绝对定位的元素中,那么就相对于那个元素定位。 Fixed:固定定位。元素将被设置在浏览器上一个固定位置上,不会随其他元素滚动。形象点说,上下拉动滚动条的时候,fixed的元素在屏幕上的位置不变。需要注意的是IE6并不支持此属性。 注意:很多网页都是居中的,这样,当对元素进行绝对定位的时候,在不同的分辨率下显示会有偏差,这时,我们可以通过类似下面的方法来处理:

//元素位置固定浏览器位置不变 二、Float float 是css 的定位属性,fload属性有四个可用的值:Left 和Right 分别浮动元素到各自的方向,None (默认的)使元素不浮动,Inherit 将会从父级元素获取float值。 Float的用处 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 浮动非替换元素要指定一个明确的宽度;否则,它们会尽可能地窄。 注释: 假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。 除了简单的在图片周围包围文字,浮动可用于创建全部网页布局。 参考地址: 三、margin(外边距)

HTML专项练习题

HTML常用标记练习试题 一、选择题 1、在一个框架得属性面板中,不能设置下面哪一项。()A.源文件 B.边框颜色C.边框宽度 D.滚动条 2、下列哪一项表示得不就是按钮。() A.type="submit" B.type="reset" C.type="image" D.type="button" 3、下面哪一个属性不就是文本得标签属性?() A.nbsp B.align C.color D.face 4、下面哪一项得电子邮件链接就是正确得?() A.xxx、com、cn B.xxx@、net C.xxx@com D. 5、当链接指向下列哪一种文件时,不打开该文件,而就是提供给浏览器下载。() A.ASP B.HTML C.ZIP D.CGI 6、关于表格得描述正确得一项就是。() A.在单元格内不能继续插入整个表格 B.可以同时选定不相邻得单元格 C.粘贴表格时,不粘贴表格得内容 D.在网页中,水平方向可以并排多个独立得表格 7、如果一个表格包括有1行4列,表格得总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列得宽度相同,那么应将单元格定制为多少像素宽。() A.126 B.136 C.147 D.167 8、关于文本对齐,源代码设置不正确得一项就是:()A.居中对齐:

B.居右对齐:
C.居左对齐:
D.两端对齐:
9、下面哪一项就是换行符标签?() A. B. C.
D.

ppt中滚动条的制作

ppt中滚动条的制作 在PPT中制作滚动条有三种形式: 一、横向滚动条 二、纵向滚动条 三、横竖都有滚动条 具体操作如下: 一、横向滚动条设置 1、视图——工具栏——控件工具箱——选择文本框——在编辑区拖拉一个文本框。 2、右键——属性——按分类序 3、滚动——scrollbars(滚动条属性)0表示没有滚动条;1表示水平滚动条(选择1) 4、行为——multiline中选择false 5、选择文本框——右键——文本框对象——编辑——把要输入的文字输入进去或者复制粘帖进去。 二、纵向滚动条设置

1、第一二步同上 2、滚动——scrollbars(滚动条属性)(选择2)表示垂直滚动条 3、行为栏——找到multiline(多行)——选择true.(如果选择false 则不出现垂直的滚动条。) 4、选择文本框——右键——文本框对象——编辑——把要输入的文字输入进去或者复制粘帖进去。 三、横竖都有滚动条设置 1、第一二步同上 2、滚动——scrollbars(滚动条属性)(选择3)表示水平垂直滚动条都出现 3、行为栏——找到multiline(多行)——选择true. 这个实例在PPT播放过程中也可以输入文字。很实用的 小知识: 1、修改背景的颜色,找backcolor是设置背景颜色。 2、forecolor是设置字体颜色,font是设置字体、大小、加粗的。 3、TextAlign是设置对齐方式。

4、如果想换行,找到行为中的EeteraBehavi,选择false就用ctrl+回车换行,选择true就用回车换行 主要设置以下属性: (1)Font属性:设置显示文字的字体及字号大小和字体修饰等。 (2)ForeColor属性:设置窗体的的颜色。 (3)Locked属性:设置是否锁定文本框中的内容。当值为True时,不能在放映时修改。 (4)MultiLine属性:设置文本内容是否要多行显示。当值为True时,可以显示多行内容。 (5)ScrollBars属性:设置文本滚动条的显示方式。值为 0-fmScrollBarsNone 不要滚动条,1-fmScrollBarsHorizontal 只要水平滚动条,2-fmScrollBarsVertoal 只要垂直滚动条, 3-fmScrollBarsBoth 同时显示水平和垂直滚动条。 (6)Text和value属性:所要呈现的文本内容。通常是在其它软件中编辑好后,采用“复制-粘贴”的方法来输入,其中只要输入一个,另一个即自动出现了。 (7)TextAlign属性:文本中内容的对齐方式。1—fmTextAlignLeft 左对齐,2—fmTextAlignCenter居中对齐 3—fmTextAlignRight右对齐。 (8)WordWrap属性:True-段落内允许文本换行,False—不允许换行。

最全整理浏览器兼容性问题与解决方案样本

常用浏览器兼容性问题与解决方案所谓浏览器兼容性问题,是指由于不同浏览器对同一段代码有不同解析,导致页面显示效果不统一状况。在大多数状况下,咱们需求是,无论顾客用什么浏览器来查看咱们网站或者登陆咱们系统,都应当是统一显示效果。因此浏览器兼容性问题是前端开发人员经常会遇到和必要要解决问题。 在学习浏览器兼容性之前,我想把前端开发人员划分为两类: 第一类是精准按照设计图开发前端开发人员,可以说是精准到1px,她们很容易就会发现设计图局限性,并且在很少状况下会遇到浏览器兼容性问题,而这些问题往往都死浏览器bug,并且她们制作页面后期易维护,代码重用问题少,可以说是比较牢固放心代码。 第二类是基本按照设计图来开发前端开发人员,诸多细枝末节差距很大,不如间距,行高,图片位置等等经常会差几px。某种效果实现也是重复调试得到,详细为什么浮现这种效果还模模糊糊,整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这样写还不知因此然。此类开发人员往往经常为兼容性问题所困。修改好了这个浏览器又乱了另一种浏览器。改来改去也毫无头绪。其实她们遇到兼容性问题大某些不应当归咎于浏览器,而是她们技术自身了。 文章重要针对是第一类,严谨型开发人员,因而这里重要从浏览器解析差别角度来分析兼容性问题。 浏览器兼容问题一:不同浏览器标签默认外补丁和内补丁不同 问题症状:随便写几种标签,不加样式控制状况下,各自margin 和padding差别较大。 遇到频率:100% 解决方案:CSS里*

备注:这个是最常用也是最易解决一种浏览器兼容性问题,几乎所有CSS文献开头都会用通配符*来设立各个标签内外补丁是0。 浏览器兼容问题二:块属性标签float后,又有横行margin状况下,在IE6显示margin比设立大 问题症状:常用症状是IE6中背面一块被顶到下一行 遇到频率:90%(稍微复杂点页面都会遇到,float布局最常用浏览器兼容问题)解决方案:在float标签样式控制中加入display:inline;将其转化为行内属性 备注:咱们最惯用就是div+CSS布局了,而div就是一种典型块属性标签,横向布局时候咱们普通都是用div float实现,横向间距设立如果用margin实现,这就是一种必然会遇到兼容性问题。 浏览器兼容问题三:设立较小高度标签(普通不大于10px),在IE6,IE7,遨游中高度超过自己设立高度 问题症状:IE6、7和遨游里这个标签高度不受控制,超过自己设立高度 遇到频率:60% 解决方案:给超过高度标签设立overflow:hidden;或者设立行高line-height 不大于你设立高度。 备注:这种状况普通出当前咱们设立小圆角背景标签里。浮现这个问题因素是IE8之前浏览器都会给标签一种最小默认行高高度。虽然你标签是空,这个标签高度还是会达到默认行高。 浏览器兼容问题四:行内属性标签,设立display:block后采用float布局,又有横行margin状况,IE6间距bug 问题症状:IE6里间距比超过设立间距 遇到几率:20%

html习题

一、选择 1.在一个框架的属性面板中,不能设置下面哪一项。()A.源文件; B.边框颜色; C.边框宽度D.滚动条 2. 下列哪一项表示的不是按钮。() A.type="submit" B.type="reset" C.type="image" D.type="button" 3.下面哪一个属性不是文本的标签属性?() A.nbsp; B.align C.color D.face 4.下面哪一项的电子邮件链接是正确的?() A.https://www.360docs.net/doc/346672474.html, B.xxx@.net C.xxx@com D.xxx@https://www.360docs.net/doc/346672474.html, 5.当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。() A.ASP B.HTML C.ZIP D.CGI 6.关于表格的描述正确的一项是。() A.在单元格内不能继续插入整个表格 B.可以同时选定不相邻的单元格 C.粘贴表格时,不粘贴表格的内容 D.在网页中,水平方向可以并排多个独立的表格 7.如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽。() A.126 B.136 C.147 D.167 8.关于文本对齐,源代码设置不正确的一项是:() A.居中对齐:

B.居右对齐:
C.居左对齐:
D.两端对齐:

9.下面哪一项是换行符标签?() A. B. C.
D. 10.下列哪一项是在新窗口中打开网页文档。() A._self B._blank C._top D._parent 11.下面对JPEG格式描述不正确的一项是。() A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快 C.最高只能以256色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩12.在一个框架组的属性面板中,不能设置下面哪一项。() A.边框颜色B.子框架的宽度或者高度C.边框宽度D.滚动条 13.Web安全色所能够显示的颜色种类为( )。 A 216 色 B 256 色 C 千万种颜色 D 1500 种色 14.常用的网页图像格式有( )和( ). A.gif,tiff B.tiff,jpg C.gif,jpg D.tiff,png 15.如果要表单提交信息不以附件的形式发送,只要将表单的“MTME类型”设置为( )。 A.text/plain B.password C.submit D.button 16.下面说法错误的是( )。 A.CSS样式表可以将格式和结构分离B.CSS样式表可以控制页面的布局 C.CSS样式表可以使许多网页同时更新D.CSS样式表不能制作体积更小下载更快的网页17.CSS样式表不可能实现( )功能。 A.将格式和结构分离B.一个CSS文件控制多个网页

如何设置页面背景不动只滚动条动的效果

如何设置页面背景不动只滚动条动的效果 方法一 不动的背景图

通过CSS设置网页滚动条滚动但是页面背景图片静止不动(请查看源代码)
注意:background-image:url(images/0004.jpg); 设置一张相对路径下存在的背景图片
方法二 不动的背景图

CSS-作业要求-后台管理系统布局练习

作业需求——“后台管理系统布局” <布局示例图片> <基本需求> 1、制作一个“后台管理系统布局”页面; 2、主要布局元素分为三个大块,页头“header”、页面主体“main”和页脚“footer”,而页面主体“main”又分为左侧导航“leftNav”和正文内容“content”; 3、“leftNav”和“content”均为一个Class名称,并且都为“块级元素”,通过CSS属性“float:left”将他们合并到一行进行左右布局; 4、“header”的高度为50像素,背景色“#159”,内容为“Web(现在班级)班后台管理系统”,字号20像素,字体颜色“#fff”,并且在header里面,水平左对齐,垂直居中;

5、“footer”的高度为30像素,背景色同样为“#159”,内容为“解释权归(班级名称)所有,任何组织和个人严禁使用和抄袭”,字号14像素,字体颜色“#e3e3e3”,并且在footer里面水平居中,垂直居中; 6、“main”的高度占据除了“header”和“footer”以外的全部高度,页面不得出现滚动条。该标签内的全部字体大小均为16像素; 7、“main”内“leftNav”的宽度为220像素,“leftNav”元素含有内间距,上下为12像素,左右为10像素,背景色为“#48c”,包含3个超链接按钮,这三个按钮的宽度为100%(实际上显示来约200像素),高度为40像素,默认字体颜色为“#fff”,无下划线。具有1个像素实线的透明边框,当鼠标移动上去和被选中状态下,背景色变为“#159”,边框的颜色变为“#acf”,并且具有5像素的圆角,具体如下: ●管理系统首页(默认被选中) ●班级基本管理 ●学员基本管理 8、被选中的超链接具有一个发光效果,发光效果在水平和垂直方向不做任何偏移,发光范围为8像素,阴影颜色为“rgba(200, 220, 240, 0.8)”; 9、main”内“content”内包含一个“iframe”标签,默认显示页面为“管理系统首页”,当点击左侧导航按钮后,跳转到对应的页面; 10、content”内的“iframe”标签没有边框,宽和高都为100%; 11、“管理系统首页”、“班级基本管理”和“学员基本管理”这三个页面包含在项目根目录下的一个名为“pages”的文件夹内(注意设置这三个页面标签内的“lang”属性的值和标签对内的内容); 12、这三个页面都需要包含一个公共的CSS文件,文件名为“common.css”,</p><h2>如何去掉页面滚动条</h2><p><body scroll=no> 去掉水平滚动条: <body style="overflow-x: hidden"> 去掉竖直滚动条: <body style="overflow-y: hidden"> 隐藏横向滚动条,显示纵向滚动条: <body style="overflow-x:hidden;overflow-y:scroll"> 全部隐藏 <body style="overflow:hidden"> 或者是 <body scroll="no"> 如果是框架页,利用上面的方法仍不能去除可考虑以下办法: 被包含页面里加入 <style> html { overflow-x:hidden; } </style> 如果想隐藏垂直滚动条: <style> html { overflow-y:hidden; } </style> 这里先说一下滚动条的属性代码: overflow-y : visible | auto | hidden | scroll visible : 不剪切内容也不添加滚动条。 auto : 在需要时剪切内容并添加滚动条 hidden : 不显示超过对象高度的内容,这里不对这个属性作介绍,大家喜欢的话可以自己尝试 scroll : 总是显示纵向滚动条 首先我现说一下去掉滚动条的方法: 如果用百度风格模版的话,滚动条只可能有一个,那就是整个空间右边最大的浏览器窗口滚动条,也就是我美化过的那个滚动条,现在告诉大家,我们可以把这个滚动条去掉,但是却不影响浏览的方法: 在body {}中加入overflow-y : visible就可以了,这样滚动条就不会显示出来了。大家可能会问,这样怎么往下拉?呵呵,既然我说了不影响浏览,那当然是有方法的,浏览的方法就是用 鼠标的滚轮,虽然滚动条没了,可是鼠标滚轮还是能够让网页上下滚动的。我相信大家一般浏览网页的时候用滚轮下拉网页的次数应该比直接用鼠标拖动滚动条的次 数多吧?提示下,如果碰到没有滚动条而鼠标又没有滚轮的朋友,该怎么浏览网页呢?呵呵,大家可以用键盘上面的方向键上方的PageUp和PageDown 来上下翻页,也可以用空格往下拉网页和Shift+空格往上拉网页,还有一个方法就是用上下</p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="13046562"><a href="/topic/13046562/" target="_blank">滚动条样式</a></li> <li id="21130754"><a href="/topic/21130754/" target="_blank">设置滚动条</a></li> <li id="4680915"><a href="/topic/4680915/" target="_blank">滚动条设置</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/0d18694276.html" target="_blank">动态网页制作期末复习题(2014年1月)</a></li> <li><a href="/doc/318676036.html" target="_blank">最全整理浏览器兼容性问题与解决方案样本</a></li> <li><a href="/doc/7711119780.html" target="_blank">《网页制作》复习题集</a></li> <li><a href="/doc/b816920333.html" target="_blank">在PPT中加滚动条文本框</a></li> <li><a href="/doc/0d5245228.html" target="_blank">HTML TEXTAREA 滚动条属性设置</a></li> <li><a href="/doc/e418862231.html" target="_blank">HTML5+CSS3 DIV滚动条</a></li> <li><a href="/doc/297647684.html" target="_blank">HTML选择题</a></li> <li><a href="/doc/4d3392593.html" target="_blank">CSS-作业要求-后台管理系统布局练习</a></li> <li><a href="/doc/901149340.html" target="_blank">DW属性大全</a></li> <li><a href="/doc/c87471895.html" target="_blank">第五章网页版式设计2</a></li> <li><a href="/doc/0a6255462.html" target="_blank">CSS隐藏滚动条但还可以滚动</a></li> <li><a href="/doc/364072313.html" target="_blank">HTML专项练习题</a></li> <li><a href="/doc/7f2311716.html" target="_blank">第3章CSS入门</a></li> <li><a href="/doc/b814588077.html" target="_blank">css中滚动条样式的设置</a></li> <li><a href="/doc/e813275794.html" target="_blank">html第四章</a></li> <li><a href="/doc/1d17639457.html" target="_blank">网页制作模拟题4</a></li> <li><a href="/doc/441598468.html" target="_blank">scrollbar属性、样式详解</a></li> <li><a href="/doc/8710603514.html" target="_blank">WPF ScrollViewer(滚动条) 自定义样式表制作</a></li> <li><a href="/doc/c46552221.html" target="_blank">图像、CSS样式定义与应用、浮动窗体</a></li> <li><a href="/doc/006177075.html" target="_blank">网页设计与制作使用行为</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/a919221212.html" target="_blank">清洁生产审核评价与验收指南</a></li> <li><a href="/doc/6419015951.html" target="_blank">清洁生产审核及验收工作流程</a></li> <li><a href="/doc/5619338485.html" target="_blank">重点企业清洁生产审核评估验收流程及要点</a></li> <li><a href="/doc/4e19212545.html" target="_blank">重点企业清洁生产审核评估验收流程及要点</a></li> <li><a href="/doc/4819212544.html" target="_blank">清洁生产审核验收</a></li> <li><a href="/doc/3519239547.html" target="_blank">清洁生产审核验收程序</a></li> <li><a href="/doc/1619318654.html" target="_blank">清洁生产审核及验收办法</a></li> <li><a href="/doc/0a19490206.html" target="_blank">清洁生产审核评价与验收指引</a></li> <li><a href="/doc/eb19046450.html" target="_blank">市政公路工程沥青混凝土路面施工难点及措施</a></li> <li><a href="/doc/e119046451.html" target="_blank">市政道路水泥混凝土路面施工质量控制</a></li> <li><a href="/doc/ef19046449.html" target="_blank">市政道路混凝土路面施工技术规定</a></li> <li><a href="/doc/b319139715.html" target="_blank">混凝土路面的设计和施工规格</a></li> <li><a href="/doc/a219221210.html" target="_blank">市政道路混凝土强度检测及评定</a></li> <li><a href="/doc/9819165185.html" target="_blank">市政和公路工程沥青混凝土路面施工难点及措施</a></li> <li><a href="/doc/8119176505.html" target="_blank">城市道路混凝土路面施工步骤</a></li> <li><a href="/doc/8119176504.html" target="_blank">市政道路沥青混凝土路面施工方法</a></li> <li><a href="/doc/6419015949.html" target="_blank">混凝土路面设计标准与施工规范</a></li> <li><a href="/doc/6119015950.html" target="_blank">市政道路工程水泥混凝土加铺沥青路面施工技术</a></li> <li><a href="/doc/5b19338484.html" target="_blank">道路混凝土路面厚度标准</a></li> <li><a href="/doc/4c19212543.html" target="_blank">市政道路混凝土路面施工技术规程</a></li> </ul> </div> </div> <script> var sdocid = "35877148e45c3b3567ec8bee"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a>  ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>