marquee 案例

最新推荐文章于 2024-03-16 12:08:35 发布
最新推荐文章于 2024-03-16 12:08:35 发布
阅读量344 收藏 1
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44793200/article/details/89849329
版权
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <title></title>
  7.     <link rel="stylesheet" href="">
  8.     
  9. </head>
  10. <body>
  11.                 <marquee style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" 
  12.                           scrollamount="2" scrolldelay="99" direction="up" width="100%" height="500"  align="center"
  13.                           border="0"> -->
  14.                           
  15.                          <p align="center"><span class="style2">再别康桥</span> <br />
  16.                              <br />
  17.                              <br />
  18.                              <span class="style1">徐志摩</span></p>
  19.                          <p align="center" class="style1">轻轻的我走了，<br />
  20.                              <br />
  21.                             
  22.                     正如我轻轻的来；</p>
  23.                          <p align="center" class="style1">我轻轻的招手，<br />
  24.                              <br />
  25.                     也要执着的冲破泥土</p>
  26.                          <p align="center" class="style1">作别西天的云彩。<br />
  27.                              <br />
  28.                     义无反顾</p>
  29.                          <p align="center" class="style1">那河畔的金柳，<br />
  30.                              <br />
  31.                     是夕阳中的新娘；<br />
  32.                     <br />
  33.                     波光里的艳影，<br />
  34.                     <br />
  35.                     在我的心头荡漾。<br />
  36.                     <br />
  37.                     软泥上的青荇，</p>
  38.                          <p align="center" class="style1">油油的在水底招摇；<br />
  39.                              <br />
  40.             在康河的柔波里，    <br />
  41.                     <br />
  42.                 我甘心做一条水草！    <br />
  43.                     <br />
  44.                 那榆荫下的一潭    <br />
  45.                     <br />
  46.             不是清泉<br />
  47.                     <br />
  48.                 是天上虹；<br />
  49.                     <br />
  50.                     <br />
  51.                 揉碎在浮藻间，    <br />
  52.                     <br />
  53.                 沉淀着彩虹似的梦    <br />
  54.                     <br />
  55.                     寻梦<br />
  56.                     <br />
  57.                 撑一支长篙    <br />
  58.                     <br />
  59.                 向青草更青处漫溯；    <br />
  60.                     <br />
  61.             满载一船星辉<br />
  62.                     <br />
  63.             在星辉斑斓里放歌。    <br />
  64.                     <br />
  65.                 <br />
  66.                         
  67.                     <br />
  68.                 但我不能放歌，    <br />
  69.                     <br />
  70.                     悄悄是别离的笙箫；<br />
  71.                     <br />
  72.             夏虫也为我沉默<br />
  73.                     <br />
  74.                 沉默是今晚的康桥！<br />
  75.                     <br />
  76.                     如同指尖溜走的沙<br />
  77.                     <br />
  78.                     悄悄的我走了，<br />
  79.                     <br />
  80.                 正如我悄悄的来；<br />
  81.                     <br />
  82.                     我挥一挥衣袖，<br />
  83.                     <br />
  84.                     不带走一片云彩。
  85.                     <br />
  86.                     <br />
  87.                          </p>
  88.              </marquee>
  89.     
  90. </body>
  91. </html>
weixin_44793200
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
marquee无缝滚动例子
邢明权博客
03-24 1万+
第一、新建marquee.css文件。在marquee.css文件中加入如下如下CSS代码：#demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 950px;    height:144px;}#demo img {   height:144px;    width:180px;}#demo img
Marquee高级用法实例代码
10-30
Marquee鲜为人知的用法 不往这方面想还真的不知道。灵活运用的话还真是个好东西呢
marquee标签实例
10-28
marquee标签实例
marquee的用法
生活在爪洼岛上
08-19 1662
 marquee 用法详解基本语法 ... 移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等方向 #=left, right ,up ,down direction=left>从右向左移！ 方式 #=scroll, slide, alternate behavior=scroll>一圈一圈绕着走！ 只走一次就歇了！ 来回走 循环 #=次数；若未指定则循环不止(i
html php滚动代码,HTML标签marquee实现滚动效果实例代码
weixin_39709979的博客
03-12 382
页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - 可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：...； 说明：在标记之间添加要进行滚动的内容。重要属性：1.滚动方向direction(包括4个值：up、 down、 left和 right)语法：...2.滚动方式behavior(scroll...
marquee属性的使用说明
choulixiu1105的博客
08-01 183
<marquee> ... </marquee> 移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等 鼠标属性 onMouseOut=this.start() ........鼠标移出状态滚动 onMous...
Textview滚动案例
09-06
一、原生`TextView`滚动（Marquee） 原生`TextView`内置了滚动效果，主要通过设置`android:singleLine`和`android:ellipsize`属性来实现。在XML布局文件中，你可以这样配置： ```xml android:id="@+id/textView" ...
html代码全集案例.doc
11-18
5. 移动字体（走马灯）：使用 `<marquee>写上你想写的字</marquee>` 代码可以实现移动字体的效果。 6. 字体加粗：使用 `写上你想写的字</b>` 代码可以加粗字体。 7. 字体斜体：使用 `写上你想写的字</i>` 代码可以...
用javascript实现代替marquee的滚动字幕效果代码
10-30
下面是一个具体的实现案例： ##### HTML结构 ```html <!-- 动态添加的列表项 --> ``` ##### CSS样式 ```css #marqueeBox { background: #f7f7f7; border: 1px solid silver; padding: 1px; text-align:...
Web滚动字幕(MARQUEE示例)
weixin_30791095的博客
07-18 267
在webform上实现走马灯效果 前台： <MARQUEE.stop().start() scrollamount=1 scrolldelay=1 direction= left border="1" style="width: 31%; height: 16px;"> <%=Structure%></MARQUEE> 后台： public str...
微信小程序组件 marquee实例详解
01-03
微信小程序组件 marquee实例详解 1. marquee标签 html是有marquee标签的，可以实现跑马灯效果，但小程序没有，所以要实现。这里考虑使用css3的animation实现。 html的marquee是这样使用的。 <marquee direction=left behavior=scroll scrollamount=1 scrolldelay=0 loop=-1 width=200 height=50 bgcolor=#0099FF hspace=10 vspace=10> hello world </marquee>
html marquee滚动效果,HTML标签marquee实现滚动效果(示例代码)
weixin_42344395的博客
06-03 164
页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - 可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：...； 说明：在标记之间添加要进行滚动的内容。重要属性：1.滚动方向direction(包括4个值：up、 down、 left和 right)语法：...2.滚动方式behavior(scroll...
收藏一个marquee无缝滚动例子
编程资料大全
03-19 93
&lt;mce:style type="text/css"&gt;&lt;!-- #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 500px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: ...
marquee.弹窗事件
newlife1441的博客
08-02 341
最近在学习xss的过程中学习到了许多的事件属性，比如img标签中的onerror属性、script标签中alert、prompt弹窗事件、svg标签中的onload属性、以及iframe标签中的onload属性和src属性实现弹窗、以及a标签中href属性等等，接下来会向大家扩展一个网页中常用的移动标签，本文仅仅是实验学习📔。......
marquee标签网页轮播图示例
Davi.R的博客
12-22 1318
标签可以使内容产生滚动效果 常用的属性如下： v behavior:设置滚动方式，可取值scroll (重复滚动)、slide (滚动到一方后处，alternate (来回交替滚动)。 v bgcolor:用来设定滚动区域的背景颜色。 v direction:用来设定滚动方向，可取属性值有: left (向左滚动)、right (向右演down (向下滚动)、up...
HTML之marquee(文字滚动)详解
最新发布
长缨缚苍龙
03-16 1815
e）behavior是来控制滚动属性的，默认为循环滚动(scroll)，同样，如果是循环滚动的话可以不需要此参数。其他可选的值还有alternate(交替滚动)，slide(幻灯片效果，指的是滚动一次，然后停止滚动)。这是一个滚动速度为120MM，从下到上碰壁即返回并对齐中间，鼠标划过图标即停止，点击图标进入〈千娇论坛〉的一个来回滚动的代码。b）scrollDelay也是用来控制速度的，表示走走停停，默认为90，值越大，速度越慢。用定义每行字的颜色，大小和字体，如果哪项不需要的话，把代码去掉就行。
marquee滚动结束事件及重新播放
wxljmy的专栏
11-04 8574
onfinish="replay();">    asdfasdf   function replay()   {     var obj=document.getElementById("a1");     //alert(obj);     if(document.all)         obj.innerHTML=obj.innerHTML;  //ie可以，fi
html滚动字幕鼠标经过,滚动字幕marquee onMouse事件详解及实例
weixin_30684945的博客
06-02 1306
网页中的滚动字幕，是通过marquee来实现的，在其语法中，onMouse事件是比较关键的，可以实现很多我们想要实现的特殊动态效果。本文，着重为你介绍onMouse事件详解及实例。onMouse这个参数，也称为鼠标事件参数，即鼠标在滚动字幕区域之内所实现的动态效果。一、onMouse的五种事件鼠标事件参数，共分为五种情况，分别是：onMouseDown：指的是鼠标按下时所触发的事件。onMouse...
HTML代码之Marquee详解
larry的专栏
01-09 1208
Note.该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法：以下是一个最简单的例子：代码如下:Hello, World 下面这两个事件经常用到：onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动onMouseOve
html marquee
09-21
通过设置marquee标签的属性，可以控制滚动的方向、方式和循环次数。例如，设置direction属性可以控制滚动的方向，设置behavior属性可以控制滚动的方式，设置loop属性可以控制滚动的循环次数。在使用marquee标签时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值