建议增加一个滚动的公告栏

[infanx]

原 index.ftl 里的 12 - 19 行

        <div class="notice" style="
	<#if (settings.focus_height!true)>
		margin-top: 20px;
	</#if>
		">
		<i class="iconfont icon-broadcast"></i>
		<div class="notice-content">${settings.notice_title!}</div>
	</div>

稍微魔改亿下

	<div class="notice" style="
	<#if (settings.focus_height!true)>
		margin-top: 20px;
	</#if>
		">
		<i class="iconfont icon-broadcast"></i>
		<#--  <div class="notice-content">${settings.notice_title!}</div>  -->
		<style>
			.notice-content {
				margin-top: -22px;
				float: left;
				width: 90%;
				height: 70px;
				overflow: hidden;
			}
			.textA {
				text-decoration: none;
				display: block;
				height: 40px;
				line-height: 40px;
				color: transparent;
				transition: all 2s;
			}
			.textA:first-child {
				margin-top: -47px;
			}
			.textA:nth-child(2) {
				color: #696969;
			}
		</style>
		<div class="notice-content">
			${settings.notice_title!}
		</div>
		<script>
			setInterval(function(){document.getElementsByClassName("notice-content")[0].appendChild(document.querySelector('.textA'));},8000);
		</script>
	</div>

其中，${settings.notice_title!}内容是

<p class="textA">我是第一条公告</p>
<p class="textA">我是第二条公告</p>
<p class="textA">我是第三条公告</p>
<p class="textA">我是第四条公告</p>

这样可以实现滚动的公告栏
停留时长可以更改script里的时间