首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >HTML标记-静态文本

HTML标记-静态文本
EN

Stack Overflow用户
提问于 2015-05-24 11:47:45
回答 1查看 1.9K关注 0票数 0

我想知道HTML块是否允许控件(或容器)开头的静态文本,那么当文本滑向左边时,它会滑动传递文本吗?

例如。

我看到的日期是静态的,与左对齐,数据库中的文本将滑动,传递,然后从右边重新出现。

HTML:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <marquee onmouseover="this.stop();" onmouseout="this.start();" 
    class="html-scroller" direction="left" behavior="scroll" scrollamount="12">
   <p style="color:#626060; font-weight:bold">24/05/2015 - Some Infor here</p>

CSS:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.html-scroller 
{
    height:30px;
    border:solid;
}

当然,上面的代码将使包括日期幻灯片在内的文本通过控制器上的边缘。

看看大屏幕的例子,没有什么,所以如果我必须改变它,会更容易创建我自己的?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-24 12:22:13

我不认为有一个部分静态文本解决方案的马奎斯。我会这么做:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="container">
  <div class="date">24/05/2015</div>
  <div>
    <marquee
      onmouseover="this.stop();"
      onmouseout="this.start();"
      direction="left"
      behavior="scroll"
      scrollamount="12">
      <p>
        Some Infor here
      </p>
    </marquee>
  </div>
</div>

CSS

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.container
{
    position: relative;
    border: 2px solid #626060;
    box-sizing: border-box;
}

.container,
.container .date {
    padding: 10px;
    background-color: #fff;
    color: #626060;
    font-weight: bold;
}

.container .date {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.container marquee {
    line-height: 0.8;
}

.container marquee p {
    margin: 0;
}

http://jsfiddle.net/1wzxywtn/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30427656

复制
相关文章
HTML超文本标记语言-基础标签整理
1 第一章 2 <META>标签: 3 <meta http-equiv=”Content-Type” Content=”text/html;charset=gb2312”>------避免乱码 4 5 Bgcolor:背景颜色 background:背景图 6 7 六级标题:<H1>到<H6> 依次递减 8 9 <FONT>标签: 10 属性:face----字体类型 11 Si
用户1112962
2018/07/03
2.2K0
HTML(Hypertext Markup Language) 超文本标记语言
        HTML(Hypertext Markup Language) 超文本标记语言
DannyHoo
2022/05/09
1.3K0
HTML缩写元素: <abbr>-超文本标记语言| MDN
HTML的缩写元件(<abbr>)表示的缩写或首字母缩写; optionaltitle属性可以提供缩写的扩展名或说明。如果存在,则title必须包含此完整描述,而不能包含其他任何内容。
海拥
2021/08/23
1.7K0
HTML缩写元素: <abbr>-超文本标记语言| MDN
学习正则表达式 - 用 HTML 标记文本
        使用 rime.txt 中柯勒律治的诗文作为示例文本,通过正则表达式为普通文本添加 HTML5 标签。可以在 Github 中找到 rime.txt 文件,地址是https://github.com/michaeljamesfitzgerald/Introducing-Regular-Expressions。为了节省篇幅,节选部分文本作为测试数据。
用户1148526
2023/10/14
1600
HTML常用文本标记,超级链接和路径描述
在body标记里写的文本内容会直接显示在页面上,但是这样直接写文本内容的方式不太好。我们在html里写文本内容的时候尽量使用标记套住内容,类似于声明这是一个文本、体现特征,在爬取数据的时候也就可以方便的通过标记来抓取或过滤指定的数据,所以需要我们学习一些常用的文本标记。
端碗吹水
2020/09/23
1.9K0
HTML常用文本标记,超级链接和路径描述
HTML布局标记和列表标记
首先要介绍的布局标记是div标记,div可以做网页的层也可以做网页的分区。当div做网页的层时可以实现漂浮在网页上的效果,就像我们经常可以在网站里看见的那些漂浮广告。div做网页的分区时,则是可以布置网页的格局,把一个网页分为多个模块,由这些模块结构来构建出一个网页。
端碗吹水
2020/09/23
4.2K0
HTML布局标记和列表标记
HTML多媒体标记与框架标记
在html中可以使用多媒体标记来在网页上播放音频文件,或者显示一些好看的图片用来装饰网页。Flash文件也可以通过相应的标记显示在网页上,<video>标签是用于在网页上播放视频文件的。
端碗吹水
2020/09/23
3K0
HTML多媒体标记与框架标记
2018年9月3日初识HTML超文本标记语言
javascript原名livescript,简称(js),因为当时公司和sun公司合作,为了营销考虑,让它看起来更像当时 特别火热的java,所以更名为javascript,微软因为收购不成功,挖走研发人员,重新写了一个 名为jscript,javascript为了成为业内标准,向ISO申请,ISO未采纳javascrip名字,推出了 ECMAscript标准,javascript符合ECMA标准。
武军超
2018/09/27
1.6K0
HTML标记之a标签
   1.内部链接(当前文档与目标文档在同一站点内)<a href=”目标文档位置及全称”></a>;    2.外部链接(当前文档与目标文档不在同一站点内)<a href=”URL(网址)”></a>;    3.E-mail链接(并允许访问者向指定的地址发送邮件)<a href=”mailto:电子邮件地址”></a>;    4.锚点连接 跳转到同一网页或其他文档的指定位置:创建锚点,<a name=”锚点名称”>显示内容</a>链接锚点,<a href=”(URL)#锚点名称”>显示内容</a>;    5.空链接,就是没有目标端点的链接,<a href=”#”>显示内容</a>;    6.脚本链接:是一种特殊的链接,当单击设置脚本链接的文本或图像时,可以运行相应的JS语句。
阿豪聊干货
2018/08/09
2.4K0
HTML单双标记
HTML标记的类型:单标记与双标记 一.单标记 (1).<标记名称> 单一型,无属性值。 如:<br/> 在xhtml中,规定,所有HTML标记,都要小写,所有的标记都要有关闭。 (2).<标记名称 属性="属性值"> 单一型,有属性值。 如:<hr width="80%"/> 二.双标记 (3).<标记名称>...</标记名称> 没有属性值。 如:<title>...</title> (4).<标记名称 属性=”属性值“>...</标记名称> 有属性。 如:<font color="pink">...</
十月梦想
2018/08/29
2.1K0
HTML中的标记
文章目录 前言 块级元素 行内元素 行内块级元素 ---- 前言 HTML中的标记 块级元素 h1-h6>>1-6级标题 p>>段落 div>>定义文档中的节 ul>>定义无序列表 ol>>定义有序列表 li>>定义无序列表与有序列表中的项 hr>>水平线 address>>定义文档作者或拥有者的联系信息 blockquote>>定义长的引用 pre>>定义预格式文本 form>>定义表单 fieldset>>定义围绕表单中元素的边框 legend>>定义 fieldset 元素的
MIKE笔记
2023/03/23
5.6K0
html常用标签标记
本博客所有文章如无特别注明均为原创。作者:十月梦想 ,复制或转载请以超链接形式注明转自 十月梦想博客 。 原文地址《html常用标签标记》
十月梦想
2018/08/29
1.6K0
HTML标记语法总结
         语法:<标记名>…标记内容…</标记名>,如:<a>这是百度的主页</a>
阿豪聊干货
2018/08/09
2K0
Markdown文本标记语言初识
一直听说用Markdown写博文挺方便的,也一直没有在意,然而最近在用jupyter的时候突然发现jupyter是自带Markdown的,这让没用过的我很是尴尬。而且后来在网上翻博客的时候,发现“简书” 上的博客格式都非常漂亮,特别是层次非常清楚,排版也和工整,后来才知道这个就是用markdown写的。于是我也萌生了一个用markdown写文章的想法。 当然在这之前,肯定要了解下markdown的语法什么的。
mythsman
2022/11/14
3360
HTML5基本标记
JaneYork
2023/10/11
1550
HTML标记之Form表单
从访问的Web站点的用户那里获得信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息,然后单击某个按钮提交这些信息。是客户端与服务器端的交流途径。
阿豪聊干货
2018/08/09
2.5K0
HTML标记语法之列表元素
1.无序列表     <ul>        <li type=”项目符号类型”></li>        <li type=”项目符号类型”></li>        <li type=”项目符号类型”></li>         ……         <li type=”项目符号类型”></li>     </ul>     type的可取值:disc:●、circle:○、square:■. 2.有序列表 <ol type=”项目符号类型”start = “列表起点(为数字)” >        <l
阿豪聊干货
2018/08/09
1.8K0
HTML标记语法之表格元素
8.直列化格式:<colgroup><colgroup>(<col>与<colgroup>的功能完全一样)
阿豪聊干货
2018/08/09
2.2K0
wxpython显示静态文本
wx作为一个GUI图形界面的模块一定要显示文本。 先显示静态文本吧。 wxpython中wx.StaticText可以显示静态文本。
里克贝斯
2021/05/21
2.4K0
wxpython显示静态文本
HTML标记语言学习笔记
本文内容大多粘贴自www.w3school.com.cn/html/index.asp,详情可打开该网站查看,本人仅做简化整理。
Sidchen
2020/08/03
1.9K0

相似问题

Python在包含静态文本的静态HTML标记之间刮取值

45

自动标记HTML文本

13

向HTML文本添加HTML标记?

15

Python:删除HTML标记& HTML标记之间的文本

21

本地化html静态文本

21
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文