添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 表单 | 客服 >

一款基于jQuery的QQ表情表单插件

时间:2014-05-23      来源:互联网     
特效说明:
一款基于jQuery的QQ表情表单插件网页特效,点击QQ表情出现QQ黄脸表情,点击提交按钮显示所选表情,网站留言板表情、客户留言表情代码、QQ表情JS代码。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用JS插件代码:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.qqFace.js"></script>

2、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

3、JS参数设置代码:
<script type="text/javascript">
$(function(){
    $('.emotion').qqFace({
        id : 'facebox', //表情盒子的ID
        assign:'saytext', //给那个控件赋值
        path:'face/'    //表情存放的路径
    });
    $(".sub_btn").click(function(){
        var str = $("#saytext").val();
        $("#show").html(replace_em(str));
    });
});
//查看结果
function replace_em(str){
    str = str.replace(/\</g,'&lt;');
    str = str.replace(/\>/g,'&gt;');
    str = str.replace(/\n/g,'<br/>');
    str = str.replace(/\[em_([0-9]*)\]/g,'<img src="face/$1.gif" border="0" />');
    return str;
}
</script>
相关特效
  • 消除QQ表情小游戏

    消除QQ表情小游戏

    一款消除QQ表情小游戏JS游戏源码,游戏说明:点击“开始游戏”,随机掉下QQ表情,点中它,千万别让它掉下去!!……
    2015-10-14
  • 18个蜡笔小新QQ表情下载

    18个蜡笔小新QQ表情下载

    一组蜡笔小新QQ表情打包下载。包含:蜡笔小新泪奔、小新跳舞、小新游泳、小新小蜜蜂搞笑表情。……
    2013-11-22

最新更新特效

设计分享