Discuz留言墙等祝福墙实现:纯js+html

最新推荐文章于 2023-01-01 00:00:00 发布

做题全AC

最新推荐文章于 2023-01-01 00:00:00 发布

阅读量6.5k

点赞数

分类专栏：网络编程文章标签： discuz html javascript 留言墙祝福墙

本文链接：https://blog.csdn.net/u013780605/article/details/40920833

版权

最近在给校青志做网站，感觉discuz的心情墙很不错的，就模仿了一下，写了一个留言墙。用到的是html+纯js。先上一张效果图啊，IE、火狐、谷歌、Opera、360浏览器亲测均完美运行，无任何Bug。使用的是纯js与html，需要数据库等动态页面的请自行修改。

先说一下布局代码：

HTML代码如下：

<html>
    <head>
        <meta content="@author @ken @1039110278"/>
        <meta content="转载请注明"/>
        <meta charset="utf-8"/>
        <link rel="stylesheet" href="style/base.css" type="text/css"/>
        <script src="js/index.js" type="text/javascript"></script>
        <title>留言墙测试</title>
    </head>
    <body>
        <div class="main">
            
            <div name="note" class="note">
                <div class="nhead" style="background-image: url(./images/a5_1.gif);">
                    2014-11-12
                </div>
                <div class="nbody" style="background-image: url(./images/a5_2.gif);">
                     你最孤独的时刻是什么？一个人去吃自助餐 取餐回来后发现餐具已被服务员收走.... 
                </div>
                <div c