`
试问天下
  • 浏览: 15315 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

html浮动字体

 
阅读更多
1,从右向左:<marquee direction=left>我一路向左跑!</marquee> <P>

2,从左向右:<marquee direction=right>我一路向右跑!</marquee>

3,绕来绕去:<marquee behavior=scroll>我来回绕!</marquee> <P>

4,从右向左一次就停的:<marquee behavior=slide>我只走一次就停了!</marquee> <P>

5,来回走:<marquee behavior=alternate>边走边唱!</marquee>

6,速度:<marquee scrollamount=20>我快还是大家快?</marquee>

7,一步一停:<marquee scrolldelay=500 scrollamount=100>我一步一停!</marquee>

8,带颜色滚动:<marquee bgcolor=aaaaee>看见底色了没有?这个底色可以改!</marquee>

9,加大面积:<marquee height=40 width=50% bgcolor=aaeeaa>绿色占地方好大! </marquee>


如何制作网页中会滚动的文字

width和height属性

  width和height属性的作用决定滚动文字在页面中的矩形范围大小。width属性用以规定矩形的宽度,height属性规定矩形的高度。这两个属性的参数值可以是数字或者百分数,数字表示矩形所占的(宽或高)像素点数,百分数表示矩形所占浏览器窗口的(宽或高)百分比。


宽300像素,高30像素。背景红色
  <marquee width="300" height="30" bgcolor="red">想加的内容</marquee>

hspace和vspace属性

  这两个属性决定滚动矩形区域距周围的空白区域。


矩形边缘水平和垂直距周围各10像素
  <marquee width="300" height="30" vspace="10" hspace="10" bgcolor="red">。想加的内容</marquee>



我矩形边缘水平和垂直距周围各50像素。
<marquee width="300" height="30" vspace="50" hspace="50" bgcolor="red">想加的内容</marquee>


 loop属性

  loop属性决定滚动文字的滚动次数,缺省是无限循环。参数值可以是任意的正整数,如果设置参数值为-1或infinite时将无限循环。:


滚动2次。
<marquee loop="2"> 想加的内容</marquee>


我无限循环滚动。

<marquee loop="infinite">想加的内容</marquee>

我无限循环滚动。
<marquee loop="-1">想加的内容</marquee>


scrollamount和scrolldelay属性

  这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数。如下所示:


速度为100`很快拉
<marquee scrollamount="100">想加的内容</marquee>


速度为50`慢了点咯
<marquee scrollamount="50">想加的内容</marquee>


速度30小步前进
 <marquee scrolldelay="30">想加的内容</marquee>


大步前进
<marquee scrolldelay="1000" scrollamount="100">想加的内容 </marquee>


最后说一下align属性,这个属性决定滚动文字位于距形内边框的上下左右位置。

  您也可以将<marquee>和</marquee>之间的内容替换为图像或其它对象等,这部分内容留给读者课余练习。

由于效果在帖子里发不出来`朋友自己去试试哦`做网页就跟游泳一样,重在实践,呵呵。不说这么多了自己去试试吧。



代码说明:

1.选以上九组代码中的任何一种代码,把其中的文字改成你所需要的文字就行了.

2.在代码中加 LOOP=#  则代码循环次数,不加说明不停止,除了那个只走一次就停的.


分享到:
评论

相关推荐

    HTML5浮动-制作QQ会员页面导航

    在这个"HTML5浮动-制作QQ会员页面导航"的主题中,我们将深入探讨如何使用HTML5的特性,特别是浮动布局,来创建一个类似QQ登录的导航界面。这个过程涉及到网页设计的基础,包括结构、样式和交互。 首先,我们需要...

    基于jQuery预览图及图上浮动文字展示

    图层上的浮动文字可以是HTML元素,如`&lt;p&gt;`或`&lt;span&gt;`,并将其内联样式设置为居中对齐,以保证文字始终位于图层中央。这些文字可以通过jQuery动态插入,或者预先写在HTML结构中,然后使用CSS进行定位。 在项目中,`...

    HTML5浮动-制作京东登录页面

    通过设置color、font-family、background-color等属性,可以调整文本颜色、字体及背景色。对于京东页面的样式,可能需要使用到边框、圆角、阴影等效果,可以利用border、border-radius和box-shadow属性实现。此外,...

    HTML5+CSS3实现的表单浮动标签特效源码

    在这个“HTML5+CSS3实现的表单浮动标签特效源码”项目中,我们可以深入探讨这两者如何协同工作,创造令人印象深刻的用户界面。 首先,HTML5是超文本标记语言的最新版本,它引入了许多新元素和API,以更好地支持网页...

    javascript html js自定义多级联动浮动菜单,js制作菜单

    "javascript html js自定义多级联动浮动菜单,js制作菜单"这个标题所指的就是如何使用JavaScript、HTML和CSS技术来构建一个多级联动的浮动菜单。这种菜单在网页应用中常见于导航系统,能够提供层次分明的导航体验,...

    jQuery和CSS3炫酷表单浮动标签特效

    `fonts`和`css`文件夹分别存储了项目中使用的字体文件和样式表,它们定义了浮动标签的外观和布局。 在实现浮动标签特效时,通常会遵循以下步骤: 1. **HTML结构**:创建一个包含标签和输入框的表单元素,例如`...

    类似客服浮动窗口

    综上所述,这个“类似客服浮动窗口”的应用是一个结合了浮动设计、可拖拽功能和自定义选项的在线客服解决方案,它通过HTML、CSS和JavaScript实现,提供了一种直观且易于使用的交互方式,使用户能够轻松获取帮助。...

    左侧浮动html网页模板

    在网页设计领域,布局是至关重要的,而"左侧浮动html网页模板"正是一种常见的网页布局方式,它将导航菜单固定在页面左侧,随着用户滚动页面,菜单始终保持可见,提供了便捷的导航体验。这种模板适用于内容丰富的网站...

    jquery 浮动导航菜单

    总结,创建一个 jQuery 浮动导航菜单涉及到 HTML 结构设计、CSS 样式编写、jQuery 事件监听以及响应式布局的实现。通过这些技术的结合,我们可以打造一个既美观又实用的浮动导航菜单,无论用户在哪个页面,都能轻松...

    在线浮动条

    如果这是一个CSS文件,它可能包含了定义浮动条样式和位置的规则,如背景色、字体、边距、宽度以及`position: fixed`等相关属性。如果是一个HTML文件,它可能展示了浮动条的基本结构和嵌入的JavaScript代码。如果是一...

    js浮动提示框

    1. 容器设计:首先,我们需要在HTML中创建一个用于存放提示框的容器,可以是`div`或其他合适的元素,并通过CSS设置样式,如背景色、边框、字体等。 2. 位置计算:浮动提示框通常需要跟随用户的滚动保持在屏幕的某个...

    很有特色的CSS3小球浮动按钮与普通按钮有所不同.zip

    它可能涉及动画效果、3D转换、伪类选择器以及自定义字体等特性,这些都让按钮看起来像是浮动的小球,增加了用户界面的趣味性和互动性。 首先,CSS3的3D转换是实现小球效果的关键。通过`transform`属性,我们可以对...

    jquery左侧浮动菜单

    总的来说,"jQuery左侧浮动菜单"是一个结合了HTML、CSS和jQuery技术的交互式菜单实现,它展示了jQuery在网页动态效果和用户体验提升方面的强大能力。开发者可以根据自己的需求和设计偏好,对其进行调整和扩展,以...

    顶部下拉浮动菜单导航

    总结来说,"顶部下拉浮动菜单导航"是一个结合了CSS布局、HTML结构和JavaScript交互的设计元素,旨在提升网站导航的可用性和用户体验。通过理解和掌握这些技术,开发者能够创建出更加直观、吸引人的网页导航系统。

    Web入门初学者纯静态页面练习 HTML+CSS 布局、浮动练习

    CSS则是用来控制网页样式和布局的,它可以改变HTML元素的字体、颜色、大小、位置等视觉效果。在这个练习中,你会学习到如何使用CSS选择器来选中特定的HTML元素,然后应用样式规则。例如,`.class`用于选择类名匹配的...

    基于jQuery精美浮动层效果(JS+CSS)

    CSS(Cascading Style Sheets)在该效果中起到了关键作用,负责定义浮动层的样式,如颜色、字体、布局、过渡效果等。CSS3引入了许多新的特性,例如过渡(transition)、动画(animation)和变换(transform),这些...

    百度浮动留言本 asp程序

    3. css文件(如style.css):负责样式设计,让留言本看起来“很酷”,可能包括浮动效果、颜色搭配、字体样式等。 4. js文件(如script.js):包含JavaScript代码,实现留言本的动态效果和用户交互,例如浮动功能、...

    jQuery表单浮动标签插件

    7. **fonts**目录:可能包含项目中使用的特殊字体文件。 8. **js**目录:存放JavaScript文件,包括jQuery库本身以及浮动标签插件的脚本。 9. **scss**目录:Sass(Syntactically Awesome Style Sheets)源代码文件,...

    基于Bootstrap的表单浮动标签

    4. **自定义样式**:如果需要调整浮动标签的样式,如字体大小、颜色等,可以覆写Bootstrap-float-label提供的CSS选择器,以满足项目的个性化需求。 通过以上步骤,你就可以在Bootstrap表单中实现浮动标签效果,提高...

Global site tag (gtag.js) - Google Analytics