纯js仿腾讯微博无刷新添加删除留言板功能插件

当前位置:主页 > jQuery库 > 布局和界面 > 纯js仿腾讯微博无刷新添加删除留言板功能插件
纯js仿腾讯微博无刷新添加删除留言板功能插件
分享:

    插件介绍

    这是一款使用纯js制作的仿腾讯微博的无刷新留言功能。通过这个js留言功能插件用户可以发布留言,也可以删除留言,整个添加和删除过程采用了无刷新机制。

    浏览器兼容性

    浏览器兼容性
    时间:2014-10-30
    阅读:

简要教程

这款仿腾讯微博无刷新留言板插件十分优秀。全部js代码仅200多行。

HTML结构

<form>
    <h2>来 , 说说你在做什么 , 想什么</h2>
    <div>
        <input id="userName" class="f-text" value="" />
        <p id="face"><img src="img/face1.gif" class="current" />
        <img src="img/face2.gif" /><img src="img/face3.gif" />
        <img src="img/face4.gif" /><img src="img/face5.gif" />
        <img src="img/face6.gif" /><img src="img/face7.gif" />
        <img src="img/face8.gif" /></p>
    </div>
    <div><textarea id="conBox" class="f-text"></textarea></div>
    <div class="tr">
        <p>
            <span class="countTxt">还能输入</span><strong class="maxNum">140</strong><span>个字</span>

            <input id="sendBtn" type="button" value="" title="快捷键 Ctrl+Enter" />
        </p>
    </div>
</form>
                

js代码请参考下载文件。

相关插件