最近在给校青志做网站,感觉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