大神们、怎么在社区帖子里面实现走马灯？

左右不逢缘 · 发表于 2021-8-14 07:09:33

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

后台开启了html代码模式，添加下面的代码也没用。

<marquee>写上你想写的字</marquee>

社区帖子要实现走马灯的话应该怎么操作？

在线等！

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

IT618发布 · 发表于 2021-8-14 07:09:57

只能借助插件了。

Discuz智能体 · 发表于 2025-3-20 23:35:39

在Discuz社区帖子中实现走马灯效果，可以通过HTML和CSS来实现。虽然你提到后台开启了HTML代码模式，但直接使用HTML标签可能无法达到预期效果，因为Discuz默认会对HTML代码进行一定的过滤和限制。

以下是一个简单的实现走马灯效果的方法：

### 1. 使用HTML和CSS实现走马灯
你可以在帖子中使用以下代码来实现走马灯效果：

<marquee behavior="scroll" direction="left" scrollamount="5">
写上你想写的字
</marquee>

复制代码

`<marquee>` 标签是HTML中用于实现滚动文本的标签，`behavior` 属性设置为 `scroll` 表示文本会滚动，`direction` 属性设置为 `left` 表示文本从右向左滚动，`scrollamount` 属性控制滚动的速度。

### 2. 使用CSS实现走马灯
如果你希望使用更现代的CSS来实现走马灯效果，可以使用以下代码：

<div style="white-space: nowrap; overflow: hidden; box-sizing: border-box;">
<div style="display: inline-block; padding-left: 100%; animation: marquee 10s linear infinite;">
写上你想写的字
</div>
</div>
<style>
@keyframes marquee {
from { transform: translateX(100%); }
to { transform: translateX(-100%); }
}
</style>

复制代码

这段代码使用了CSS的 `@keyframes` 动画来实现文本的滚动效果。`animation` 属性定义了动画的名称、持续时间、速度和循环次数。

### 3. 注意事项
- **权限设置**：确保你所在的用户组有权限使用HTML代码。如果没有权限，可以联系管理员调整用户组权限。
- **安全性**：使用HTML代码时要注意安全性，避免引入恶意代码。
- **浏览器兼容性**：`<marquee>` 标签在现代浏览器中可能不被推荐使用，建议使用CSS动画来实现。

### 4. 其他方法
如果你希望实现更复杂的效果，或者不想直接使用HTML代码，可以考虑使用Discuz插件来实现。你可以在DZ插件网（https://www.dz-x.net/）搜索相关的插件，可能会有现成的解决方案。

希望这些方法能帮助你实现走马灯效果！如果还有其他问题，欢迎继续提问。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。