纯html+css 实现滚动新闻

CSS3 实现滚动字幕效果(即跑马灯)

参考 https://www.cnblogs.com/h5n1/archive/2012/03/03/2378397.html

 视频版本 用HTML和CSS实现文字跑马灯效果 blibli

HTML5+CSS3小实例:超酷的文字滚动特效 https://www.jianshu.com/p/f84eba69f017

 

- 本周亮点 -

本周图书国庆特大书讯
我们虚位以待 你准备好了吗
本周解码亮相国际书展会

 

- 未来猜想 -

新财富主义下消失的白领职业
小行星2098年掠过地球

 

纯html 实现滚动新闻 来源于CSDN

<marquee>在HTML和HTML5中都属于废弃的特性,建议不要使用这个标签。代替的方案就是使用CSS3中的animation和keyframes来实现跑马灯。见此参考

js版本 在此

 1 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
 2   <STRONG>
 3     <SPAN lang=EN-US style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体" XML:LANG="EN-US">-</SPAN>
 4     <SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">本周亮点
 5       <SPAN lang=EN-US XML:LANG="EN-US">-</SPAN></SPAN>
 6   </STRONG>
 7 </P>
 8 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
 9   <SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">
10     <marquee behavior="scroll" direction="up" width="300" height="65" loop="-1" scrollamount="1.5" scrolldelay="0.5" stytle="font:50px">本周图书国庆特大书讯
11       <br/>我们虚位以待 你准备好了吗
12       <br/>本周解码亮相国际书展会</marquee></SPAN>
13 </P>
14 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
15   <SPAN lang=EN-US style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体" XML:LANG="EN-US"></SPAN>
16 </P>
17 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
18   <STRONG>
19     <SPAN lang=EN-US style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体" XML:LANG="EN-US">-</SPAN>
20     <SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">未来猜想
21       <SPAN lang=EN-US XML:LANG="EN-US">-</SPAN></SPAN>
22   </STRONG>
23 </P>
24 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
25   <SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">
26     <marquee behavior="scroll" direction="up" width="300" height="65" loop="-1" scrollamount="1.5" scrolldelay="0.5" stytle="font:50px">新财富主义下消失的白领职业
27       <br/>小行星2098年掠过地球</marquee></SPAN>
28 </P>
29 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
30   <SPAN lang=EN-US style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体" XML:LANG="EN-US"></SPAN>
31 </P>

 

posted @ 2022-09-08 03:16 Redwei 阅读(657) 评论(0) 推荐(0) 编辑

css3演示

摘要: 漂浮的云 观看演示 英文:davidwalsh. 背景云图片以40秒一次的速度顺滑优雅的从左漂移到右,而且无缝的和下一次循环对接,这样无限循环漂浮下去。 /*使用CSS3中的animation实现背景云图片以40秒一次的速度顺滑优雅的从左漂移到右,并无限循环漂浮*/ @keyframes anima 阅读全文
posted @ 2022-07-07 06:17 Redwei 阅读(28) 评论(0) 推荐(0) 编辑

win11无法登录 需要家长或监护人同意才能使用该帐户

摘要: 参考来源 死循环!需要家长或监护人同意才能使用该帐户 死循环!需要家长或监护人同意才能使用该帐户 - Microsoft Community​ 解决方法: 第一步选择“了解更多关于家长/监护人许可。” 第二步选择“更新账户信息” 第三步输入正确的出生日期和签名 (建议2000年前) 验证更新后看看是 阅读全文
posted @ 2022-06-26 20:25 Redwei 阅读(12705) 评论(0) 推荐(0) 编辑

禁止复制

摘要: 对于网页中的元素,可以在css中使用user-select: none; 禁止用户选中内容 阅读全文
posted @ 2022-05-27 02:14 Redwei 阅读(30) 评论(0) 推荐(0) 编辑

vps增加Swap虚拟内存

摘要: 一键添加/删除Swap虚拟内存(不支持OpenVZ架构,安装会自动退出) wget https://www.moerats.com/usr/shell/swap.sh && bash swap.sh根据选项进行操作,记得添加swap的时候填写纯数字,默认单位为M VPS优化之Linux添加swap交 阅读全文
posted @ 2022-05-25 22:12 Redwei 阅读(84) 评论(0) 推荐(0) 编辑

国内服务器访问github解决方法

摘要: 解决腾讯云国内无法访问github nano /etc/hosts #编辑主机中 hosts 配置文件 140.82.113.4 github.com 199.232.69.194 gibhut.global.ssl.Fastly.net 185.199.108.153 assets-cnd.Git 阅读全文
posted @ 2022-05-25 14:08 Redwei 阅读(2588) 评论(0) 推荐(0) 编辑

docker容器部分命令

摘要: Docker基础教程 https://www.cnblogs.com/LiCheng-/p/6961314.html 如何修改运行中的docker容器的端口映射和挂载目录 2,https://blog.csdn.net/qqjtxc/article/details/104769087 原理:dock 阅读全文
posted @ 2022-05-22 23:25 Redwei 阅读(51) 评论(0) 推荐(0) 编辑

Ubuntu22.04 记录

摘要: 切换中文 & 安装输入法:同此方法差不多 https://blog.csdn.net/xiaopang_love_study/article/details/119487748 root默认密码及修改:首次安装Ubuntu的 默认root密码是随机的,修改方法如下 : 在终端输入命令 sudo pa 阅读全文
posted @ 2022-04-28 01:59 Redwei 阅读(513) 评论(0) 推荐(0) 编辑

css代码:自适应电脑屏幕,平板电脑,智能手机等

摘要: @media screen and (min-width: 768px) /* 宽度大于等于768px*/ @media screen and (min-width: 960px) and (max-width: 1199px) /*1100分辨率(大于960px,小于1199px)*/ @medi 阅读全文
posted @ 2022-04-15 22:22 Redwei 阅读(371) 评论(0) 推荐(0) 编辑

动物特殊小符号

摘要: 🐻 复制 🐾 复制 🐖 复制 🐼 复制 🐳 复制 🐇 复制 🐉 复制 🐈 复制 🐰 复制 🐲 复制 🐬 复制 🐷 复制 🐟 复制 🐽 复制 🐑 复制 🐋 复制 🐿 复制 🐡 复制 🐠 复制 🐱 复制 🐜 复制 🐅 复制 🐁 复制 & 阅读全文
posted @ 2022-04-15 00:47 Redwei 阅读(1908) 评论(0) 推荐(0) 编辑

修改输入框placeholder 颜色

摘要: ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder 阅读全文
posted @ 2022-04-14 23:52 Redwei 阅读(238) 评论(0) 推荐(0) 编辑

bt宝塔linux面板命令大全

摘要: 去除/解决宝塔BT7.7最新版需要绑定账号的方法 rm -f /www/server/panel/data/bind.pl #测试可用 宝塔面板命令 输入bt 宝塔linux面板命令大全 https://www.bt.cn/btcode.html 使用降级版本 去除强制登陆 方法: 宝塔linux工 阅读全文
posted @ 2021-12-03 06:10 Redwei 阅读(449) 评论(0) 推荐(0) 编辑

SVG资源

摘要: 蚂蚁设计的SVG ICON图标: https://ant.design/components/icon/ Github:https://github.com/ant-design/ant-design-icons Web开发使用的svg图标大集合 icons-font-customization 在 阅读全文
posted @ 2021-11-09 10:47 Redwei 阅读(140) 评论(0) 推荐(0) 编辑

记录几个常用命令

摘要: zip -r test.zip ./* #将当前目录下的所有文件和文件夹全部压缩成test.zip文件,-r表示递归压缩子目录下所有文件 unzip -n test.zip -d /tmp #将压缩文件text.zip在指定目录/tmp下解压,如果已有相同的文件存在,要求unzip命令不覆盖原先的文 阅读全文
posted @ 2021-11-07 19:51 Redwei 阅读(37) 评论(0) 推荐(0) 编辑

使用acme.sh安装ssl证书

摘要: 注意:acme.sh 默认从之前的Let's Encrypt已更换为 ZeroSSL cd /root #进入root用户根目录 安装很简单, 一个命令: curl https://get.acme.sh | sh -s email=my@example.com 设置DNSPOD的接口变量ID和to 阅读全文
posted @ 2021-10-27 13:02 Redwei 阅读(857) 评论(0) 推荐(0) 编辑

纯css3制作的图形

摘要: 原文来自 https://www.jqhtml.com/8045.html Square #square { width: 100px; height: 100px; background: red; } Rectangle #rectangle{ width: 200px; height: 100 阅读全文
posted @ 2021-10-27 03:56 Redwei 阅读(25) 评论(0) 推荐(0) 编辑

css 背景

摘要: 在html中 溢出隐藏 写为省略号 text-overflow:ellipsis; overflow:hidden; white-space:nowrap; div高度固定超出隐藏 里边怎么让溢出的内容显示 用css控制 y轴 在高度一定时,再添加代码 { overflow-y: auto } cs 阅读全文
posted @ 2021-10-26 01:51 Redwei 阅读(28) 评论(0) 推荐(0) 编辑

文章收集

摘要: 静态评论系统 https://blog.shuiba.co/comment-systems-recommendation https://www.cnblogs.com/nodecat/p/13058292.html 使用 utterances 作为评论系统 不同域名自动跳转到指定页面 https: 阅读全文
posted @ 2021-10-15 16:47 Redwei 阅读(19) 评论(0) 推荐(0) 编辑

po或pot翻译文件格式介绍

摘要: 相关 Linux本地化翻译中的po或pot格式介绍 https://leedd.com/linux-po-pot/ https://www.cnblogs.com/cabbage/p/4553775.html Loco Translate WordPress 插件 用户手册 https://loca 阅读全文
posted @ 2021-10-10 06:50 Redwei 阅读(288) 评论(0) 推荐(0) 编辑

ffmpeg安装相关链接

摘要: php-ffmpeg 是一个php操作视频/音频文件的类库。 GitHub地址:https://github.com/PHP-FFMpeg/PHP-FFMpeg/ https://getcomposer.org/ 使用composer快速安装:composer require php-ffmpeg/ 阅读全文
posted @ 2021-10-05 09:09 Redwei 阅读(107) 评论(0) 推荐(0) 编辑

wordpress 错误收集

摘要: 导入MySQL数据库出现"T FOREIGN_KEY_CHECKS = 0"错误 解决方法 来自:https://www.itbulu.com/foreign-key-checks.html 数据库从阿里云虚拟主机导出,出现"T FOREIGN_KEY_CHECKS = 0"提示错误,以及一行小字" 阅读全文
posted @ 2020-07-11 01:49 Redwei 阅读(76) 评论(0) 推荐(0) 编辑

未注册域名 xy

摘要: 123 阅读全文
posted @ 2020-06-13 00:07 Redwei 阅读(0) 评论(0) 推荐(0) 编辑

未注册域名 bai

该文被密码保护。 阅读全文
posted @ 2020-06-10 17:16 Redwei 阅读(0) 评论(0) 推荐(0) 编辑

C++关键字全集

摘要: c++关键字 阅读全文
posted @ 2011-01-27 14:27 Redwei 阅读(254) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示