网站文字广告位代码【暗夜社区修复版】

修复内容
1.修改滚动文字大小
2.修复手机版自适应
3.增加广告位圆角
其他修复就不说了,自行体验
CSS代码如下
/*首页文字广告代码开始*/
    #nr{
    	font-size:18px;
    	margin: 0;
        background: -webkit-linear-gradient(left,
            #ffffff,
            #ff0000 6.25%,
            #ff7d00 12.5%,
            #ffff00 18.75%,
            #00ff00 25%,
            #00ffff 31.25%,
            #0000ff 37.5%,
            #ff00ff 43.75%,
            #ffff00 50%,
            #ff0000 56.25%,
            #ff7d00 62.5%,
            #ffff00 68.75%,
            #00ff00 75%,
            #00ffff 81.25%,
            #0000ff 87.5%,
            #ff00ff 93.75%,
            #ffff00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        animation: masked-animation 2s infinite linear;
    }
    @keyframes masked-animation {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: -100%, 0;
        }
    }

.txtguanggao{
	width: 100%;
	overflow: hidden;
	display: block;
	padding: 5px;
	margin-left: 2.5px;
}

.txtguanggao a{
	width: 24.5%;
	float: left;
	border-radius: 15px;
	line-height: 35.35px;
	height: 35.35px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	background-color: rgb(255, 153, 159);
	margin: 2.5px;
	transition-duration: .3s;
}

.txtguanggao a:nth-child(1) {
	background-color: #dc3545;
}

.txtguanggao a:nth-child(2) {
	background-color: #007bff;
}

.txtguanggao a:nth-child(3) {
	background-color: #28a745;
}

.txtguanggao a:nth-child(4) {
	background-color: #ffc107;
}

.txtguanggao a:nth-child(5) {
	background-color: #28a745;
}

.txtguanggao a:nth-child(6) {
	background-color: #ffc107;
}

.txtguanggao a:nth-child(7) {
	background-color: #dc3545
}

.txtguanggao a:nth-child(8){
	background-color: #007bff;
}

.txtguanggao a:hover{
	background:#FF2805;
	color:#FFF
}

@media screen and (max-width: 1000px) {
	.txtguanggao a{
		width: 47.96%;
		float: left;
		border-radius: 15px;
		line-height: 35.35px;
		height: 35.35px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		display: inline-block;
		background-color: rgb(255, 153, 159);
		margin: 2.5px;transition-duration: .3s;
	}
}

/*首页文字广告代码结束*/
HTML代码如下
隐藏内容,您需要满足以下条件方可查看
End

人已赞赏
HTML源码

JS代码实现鼠标点击爱心特效

2020-5-30 12:58:44

HTML源码

微信QQ跳转浏览器打开代码

2020-5-30 23:58:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索