马黑黑老师贴子超链接
本帖最后由 醉美水芙蓉 于 2024-2-16 18:54 编辑 <br /><br /><style>#papa { margin: auto; padding: 10px; width: 760px; display: grid; grid-template-columns: 60px auto 340px; grid-template-rows: 30px; font: normal 1em/30px sans-serif; }
#papa > span { padding: 0 10px; }
#papa a { text-decoration: none; }
#papa a:hover { text-decoration: none; color: red; }
#papa a:visited { text-decoration: none; color: purple; }
.tit { font: bold 1.1em/30px sans-serif; background: lightblue; text-align: center; }
</style>
<h1 style="margin-bottom: 16px;font: bold 2em sans-seirf; text-align:center; color: snow; text-shadow: 2px 2px 3px #000;">马黑黑贴子目录</h1>
<div id="papa"></div>
<script>
let ar = [
['Spring帖子代码','/forum.php?mod=viewthread&tid=74257','代码教程'],
['Spring','/forum.php?mod=viewthread&tid=74257','播放器'],
[' 问梅觅春','forum.php?mod=viewthread&tid=74248','播放器'],
['CSS属性 shape-outside 用法举例','forum.php?mod=viewthread&tid=74242','代码教程'],
['The Box','forum.php?mod=viewthread&tid=74225','纯音乐播放器'],
['无题','/forum.php?mod=viewthread&tid=74201',' 小树苗代码纯音乐'],
['新春','/forum.php?mod=viewthread&tid=74146','纯音乐播放器'],
[' 新春（二）','/forum.php?mod=viewthread&tid=74170','纯音乐播放器'],
[' 张晓红 - 云水逸','forum.php?mod=viewthread&tid=74275','纯音乐播放器'],
[' 疏影','forum.php?mod=viewthread&tid=74287','纯音乐叶瓣播放器'],
];
papa.style.setProperty('grid-template-rows', 'repeat(' + (ar.length+1) + ', 30px)');
let str = '<span class="tit">序号</span><span class="tit">播放器</span><span class="tit">备注</span>';
ar.forEach((item,key) => {
str += `<span>${key+1}</span><span><a href="${item}">${item}</a></span><span>${item}</span>`;
});
papa.innerHTML = str;
</script>
这个好，都是带链接的，想看哪个就看哪个呢{:4_187:} 水芙蓉美女的这个整理真好{:4_199:} 红影 发表于 2024-2-14 22:06
水芙蓉美女的这个整理真好
才整了几个，有时间再整理了！ 芙蓉朋友真细心。这可方便多了。 梦油 发表于 2024-2-15 10:08
芙蓉朋友真细心。这可方便多了。
方便大家阅读！谢谢梦油老师支持！ 醉美水芙蓉 发表于 2024-2-15 11:01
方便大家阅读！谢谢梦油老师支持！
这就方便多了。谢谢你。 醉美水芙蓉 发表于 2024-2-14 23:14
才整了几个，有时间再整理了！
能这样整理就很好啊{:4_187:} 水芙蓉美女的这个链接整理的真好~~{:4_187:} 三月的阳光 发表于 2024-2-16 16:41
水芙蓉美女的这个链接整理的真好~~
谢谢阳光帅的点评！
页:
[1]