Asp.Net许愿墙程序

发布:apollo | 发布时间: 2008年9月19日

下午有个朋友在QQ里问我，说要做个许愿墙的程序，问我要怎么个操作，用百度搜索了下，发现已经有现成的代码了，文章后面提供两个附件下载，完整版本已经包含后台，另外一个仅仅为前台显示，这样的许愿墙，主要是Div跟Css跟JS的结合的问题，真正的.NET代码其实是比较少的，下面把我认为比较核心的代码摘录如下：

<div class="moveme" id="vow_div_17321" style="top:<%= r.Next(260)%>px;left:<%= r.Next(500)%>px;position:absolute">
    <div class="vow<%=r.Next(1,8) %>">
        <div class="Caption">
            第[17321]条<div class="CloseButton" onclick="vow_div_17321.style.display='none'">
                ×
            </div>
        </div>
        <div class="Body">
            小白：我好像喜欢上你了，我现在不知道怎么办？我真的很希望你能在我身边！我更希望我们的爱情能永久，可是我一直觉得不可能的。</div>
        <div class="Footer">
            <a href='http://www.svnhost.cn'>小猪</a> at 2008-4-5</div>
    </div>
</div>
<div class="moveme" id="vow_div_17322" style="top:<%= r.Next(260)%>px;left:<%= r.Next(500)%>px;position:absolute">
    <div class="vow<%=r.Next(1,8) %>">
        <div class="Caption">
            第[17322]条<div class="CloseButton" onclick="vow_div_17322.style.display='none'">
                ×
            </div>
        </div>
        <div class="Body">
            我知道我没有和你在一起的福分！但是我想能和你成为好朋友！只和你！可以吗？？？</div>
        <div class="Footer">
            小黑 at 2008-4-6</div>
    </div>
</div>
主要是用到Div图层的绝对定位，随机一个Top的属性，至于点击图层之后下面的图层显示到上面来，那个文件在JS里面，大家下了附件自己去研究吧。