多说加入颜文字教程

发布于 1039 天前最后编辑于 1029 天前共有 37 条评论阅读 2752 次

多说加入颜文字
多说颜文字技术来源于香菇：https://github.com/siitakechan/Duoshuo-Kaomoji
本次教程多说css来源于轻梦：https://github.com/chainwon/duoshuo

第一步：将默认引入的多说js改为下文附件中的embed.min.js

ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
改为
ds.src = 'http://域名等/embed.min.js';

第二步：将附件的duoshuo.css里面的css填入多说自定义css中，本地化加载大概也行。

第三步：引入附件中的kaomoji.js文件[注：多说颜文字需要引入jQuery,kaomoji.js需要在jq后面引入]

问题：如果出现排版错乱等问题，尝试切换多说的主题再次尝试。

附件下载：http://pan.baidu.com/s/1miFB0Yc

颜文字表情框点击非表情框的位置消失:在kaomoji.js后面加入下面的代码(只对主评论框有效，回复时无效233)

$(document).click(function (e) {
    var dragel = $(".ywz")[0],
        target = e.target;
    if (dragel !== target && !$.contains(dragel, target)) {
      $('#ymz').prop('class', 'ywz');
$('#biaoqing_box').prop('class', 'biaoqing_box');
    }
});

javascript常用代码记录

分享一个输入框的打字特效

已有 37 条评论

某宅回复取消回复
1023 天前

(/ω＼)博主能分享一下你这打字效果吗
1. 某宅回复取消回复
  1023 天前
  
  某宅啊，非常感谢！
2. Jrotty回复取消回复
  1023 天前
  
  某宅能的，一会发个文章
某宅回复取消回复
1024 天前

(-_-#)自己的多说地址莫名其妙的不能添加了....伤心死
1. Jrotty回复取消回复
  1023 天前
  
  某宅节哀
轻梦回复取消回复
1030 天前

不是还需要jQuery吗。。
1. Jrotty回复取消回复
  1029 天前
  
  轻梦我英语不好，记不住单词(づ￣ ³￣)づ
2. 轻梦回复取消回复
  1029 天前
  
  轻梦 (ﾟДﾟ≡ﾟдﾟ)!?敢不敢写完整名称
3. Jrotty回复取消回复
  1029 天前
  
  轻梦我写了啊！Σ( ￣□￣||)
从零开始学运营回复取消回复
1037 天前

学习了
半夏回复取消回复
1037 天前

来看看也不错
佛山影视广告回复取消回复
1037 天前

哈哈，找一天去试一试

多说加入颜文字教程

登录