利用空闲时间,简单写了一个响应式引导页,背景为渐变的,可能有点非主流了,需要的可以自行更换背景。
源码下载
百度网盘:点击下载 (提取码:tx3j)
蓝奏网盘:点击下载 (提取码:1996)
原文地址 http://iqzhan.com/post/235.html
下载后,修改网站title名称,添加网址,直接在js中的数组添加一个对象修改信息即可。
内容在js添加的原因本来是想写随机排序的,没人参与就没继续写了。
<script>
// 定义网站数组
var StandArr = [
{
title: 'Q站-资源网',
url: 'http://iqzhan.com',
logo: 'http://iqzhan.com/zb_users/theme//tx_resource/include/logo.png',
details: 'Q站,是一家QQ技术网,涵盖了QQ活动网的所有QQ资源,每天免费分享大量QQ技术教程,致力建设最大的QQ技术网站!',
QQ: '344225443'
},
{
title: 'Q站-资源网',
url: 'http://iqzhan.com',
logo: 'http://iqzhan.com/zb_users/theme//tx_resource/include/logo.png',
details: 'Q站,是一家QQ技术网,涵盖了QQ活动网的所有QQ资源,每天免费分享大量QQ技术教程,致力建设最大的QQ技术网站!',
QQ: '344225443'
}
]
var StandStr = "";
// 循环拼接
StandArr.forEach(e => {
StandStr += '<a class="list" target="_blank" href="' + e.url + '" title="' + e.details + '">'+
'<div class="list-logo">'+
'<img src="' + e.logo + '" alt="">'+
'</div>'+
'<h3 class="list-title">' + e.title + '</h3>'+
'<p class="introduce">' + e.details + '</p>'+
'</a>'
});
// 展示到页面
document.getElementById("con").innerHTML = StandStr;
</script>
title 对应网站标题
url 对应网站地址
logo 对应网站logo地址
details 对应网站介绍
qq 对应站长的QQ(没让展示,方便联系)