给博客评论框添加一言随机语录

图片预览

给博客评论框添加一言随机语录

代码步骤

在header、footer等位置添加以下代码:

<script>
$.getJSON("https://api.yum6.cn/yan.php?format=json",function(data){
$("#comment").text(data.text);
});
$(function(){
$("#comment").click(function() {
$(this).select();
})
})
</script>

如果你的评论框id不是comment,则需要修改,首先右键评论框-审查元素-查看id或者class,选其一即可,之后把获取的id或者class替换到上述代码中的#conment

[warningbox]注意,如果你要用id,请用修改成#你的id名,如果是class,请修改成.你的class名即可[/warningbox]

该js需要引入jquery库,如果未能正常显示请注意是否成功引入jquery库或者是否成功匹配评论框id或者class值。

文章链接:https://www.sbkko.com/1-68.html
文章标题:给博客评论框添加一言随机语录
文章版权:SBKKO 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

给TA打赏
共{{data.count}}人
人已打赏
WP文章文章网站笔记

给网站页面的左右两侧添加梅花飘落特效

2018-6-3 10:20:42

在线工具文章

HtmlWasher 在线清理去除HTML网页多余杂乱代码

2018-6-4 9:52:29

3 条回复 A文章作者 M管理员
  1. 这个代码实现一言功能很棒

    • 一言 功能在很多地方都可以简单的应用!

  2. 非常不错。

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索