导语：
您需要登录后才能回复
登录立即注册
终于搞清楚，这里不允许JS代码，但可以使用来插入音画播放器。</p> <p class="caozuo"> <span class="fl"> </span><span class="fr"><a href="javascript:jubao('blogcomment6342369');">举报</a></span> </p> <!--评论内容加评论功能--> <!--评论的内容--> <div class="replyBox"> <div class="comment"> <p><img loading="lazy" src="https://static.oldkids.com.cn/upload/userface/user_pic.png" width="40" height="40" /><textarea name="content6342369" placeholder="我也说一句" class="text"></textarea></p> <input type="button" name="reply" onclick="createComments(1798153,this,6342369);" value="回复" class="btns" /> </div> </div> </div> </li> </ul> </div> </div> </div> <!-- 收藏的表单 --> <div class="collection" id="addFav"> <div class="favlist"> <p>请选择你想添加的收藏夹</p> <ul> <li data-v="0" class="cur">未定义<span>0条内容</span><i></i></li> 你没有登录 </ul> </div> <div class="addBox"> <a class="addFav fl" href="javascript:void(0);" id="close" onclick="addFav_blog()">新建收藏夹</a> <button class="btn-normal btn-orangered fr" id="sure">确定</button> </div> </div> <div class="collection" id="createFav"> <form name="createFav"> <p>收藏夹名称</p> <div class="row" style="margin-top: 15px;"> <input type="text" name="title" class="input_text" placeholder="不超过10个字符" style="width: 400px;height:40px;line-height:40px;" maxlength="10" /> </div> </form> </div> <div class="_bom newrow_footer"> <div class="common m1060"> <a href="/" class="bom_logo fl"></a> <span style="margin-left: 40px;" class="copy-txt"><em class="copy-txt-01">©2017 老小孩网站版权所有 </em><i class="copy-txt-0">｜</i> <em class="copy-txt-02">沪ICP备2022022997号-17</em><i class="copy-txt-0"> </i><em class="copy-txt-03">举报电话：021-64323922</em></span> <span class="fr copy-link"><a href="http://www.zx110.org/picp/?sn=310104031210" class="wangbei_icon" target="_blank"></a> <a href="http://www.zx110.org/" class="zhengxinwang_icon" target="_blank"></a></span> </div> </div> <div style="display:none"> </div> <script type="text/javascript" src="/js/lib/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="/js/popnotice.js"></script> <script type="text/javascript" src="/js/lib/artDialog/artDialog.js?skin=simple"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?809406d814bead75c19b5831a67ae1ce"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> $(function () { $(".blog_about").mouseenter(function () { $(".blog_zhuanlan").slideDown().mouseleave(function () { $(".blog_zhuanlan").slideUp(); }); }); //头部有信息时铃铛闪烁，无信息时 if ($(".news sup").text() > 0) { setInterval(function () { var $icomessage = $(".news .ring"); if ($icomessage.attr("colorVar") == "1") { $icomessage.css("background-position", "-336px -405px"); $icomessage.attr("colorVar", "0"); } else { $icomessage.css("background-position", "-416px -405px"); $icomessage.attr("colorVar", "1"); } }, 500); //半秒运行一次 } //个人头像 $(".user_face a").mouseenter(function () { $(".news_list").hide(); $(".more_show").hide(); $(".more_nav").css({"background": "#f77d06", "color": "#fff"}); $(".more_nav i").css({"background-position": "-319px -325px"}); $(".user_list").slideDown().mouseleave(function () { $(".user_list").hide(); }); }); //消息提醒 $(".ring").mouseenter(function () { $(".user_list").hide(); $(".more_show").hide(); $(".more_nav").css({"background": "#f77d06", "color": "#fff"}); $(".more_nav i").css({"background-position": "-319px -325px"}); $(".news_list").slideDown().mouseleave(function () { $(".news_list").hide(); }); }); //查看更多导航 $(".more_nav").mouseenter(function () { $(this).css({"background": "#fff", "color": "#333"}); $(".more_nav i").css({"background-position": "-319px -363px"}); $(".more_show").slideDown().mouseleave(function () { $(".more_show").slideUp(); $(".more_nav").css({"background": "#f77d06", "color": "#fff"}); $(".more_nav i").css({"background-position": "-319px -325px"}); }); }); $(".user_list ul .li1").mouseover(function () { $(".user_list ul .li1 .i1").css("background-position", "-376px -21px") }); $(".user_list ul .li1").mouseout(function () { $(".user_list ul .li1 .i1").css("background-position", "-437px -21px") }); $(".user_list ul .li2").mouseover(function () { $(".user_list ul .li2 .i2").css("background-position", "-376px -80px") }); $(".user_list ul .li2").mouseout(function () { $(".user_list ul .li2 .i2").css("background-position", "-437px -80px") }); $(".user_list ul .li3").mouseover(function () { $(".user_list ul .li3 .i3").css("background-position", "-376px -130px") }); $(".user_list ul .li3").mouseout(function () { $(".user_list ul .li3 .i3").css("background-position", "-437px -130px") }); $(".user_list ul .li4").mouseover(function () { $(".user_list ul .li4 .i4").css("background-position", "-376px -191px") }); $(".user_list ul .li4").mouseout(function () { $(".user_list ul .li4 .i4").css("background-position", "-437px -191px") }); $(".user_list ul .li5").mouseover(function () { $(".user_list ul .li5 .i5").css("background-position", "-376px -251px") }); $(".user_list ul .li5").mouseout(function () { $(".user_list ul .li5 .i5").css("background-position", "-437px -251px") }); $(".user_list ul .li6").mouseover(function () { $(".user_list ul .li6 .i6").css("background-position", "-376px -312px") }); $(".user_list ul .li6").mouseout(function () { $(".user_list ul .li6 .i6").css("background-position", "-437px -312px") }); $(".user_list ul .li7").mouseover(function () { $(".user_list ul .li7 .i7").css("background-position", "-376px -369px") }); $(".user_list ul .li7").mouseout(function () { $(".user_list ul .li7 .i7").css("background-position", "-437px -369px") }); }) </script> <form id="dialog-message" style="display: none"> <div class="row"> <label style="width:90px;text-align: left;">选择分类</label> <select name="syscate"> <option value="1">过往足迹</option> <option value="2">社区通讯</option> <option value="3">镜头世界</option> <option value="4">文艺之窗</option> <option value="5">旅游畅想</option> <option value="6">生活点滴</option> <option value="100">首页推荐</option> </select> </div> </form> <div id="recommendModel" class="reveal-modal"> <div class="modal-cont"> <!-- name="form" enctype="multipart/form-data" action="createUpRecommend" --> <form id="uploadForm"> <div class="item"> <span>标题：</span> <input type="text" name="title" value='音画《骆驼与苍蝇》——LRC歌词mp3播放器' class="title width" /> </div> <!-- <div class="item"> <span>分类：</span> <select name="syscate" class="width"> <option value="" selected="selected">--请选择推荐分类--</option> <option value="1">过往足迹</option> <option value="2">社区通讯</option> <option value="3">镜头世界</option> <option value="4">文艺之窗</option> <option value="5">旅游畅想</option> <option value="6">生活点滴</option> </select> </div> --> <!-- 添加音频文件 --> <div class="item"> <span>音频（选填）：</span> <input class="edui-music-txt width" id="edui-music-upload" type="file" name="upfile"> </div> <div class="item"> <span class="introduction-txt">导语（选填）：</span> <textarea name="introduction" class="introduction width" placeholder="输入导语文字"></textarea> </div> <div class="item" style="text-align: center;"> <span></span> <button type="button" class="btn btn_primary">确认</button> </div> </form> </div> <a class="close-reveal-modal">×</a> </div> <div id="remarkModel" class="reveal-modal"> <div class="modal-cont"> <form> <div class="item"> <span class="introduction-txt">导语：</span> <textarea name="introduction" class="introduction width"></textarea> </div> <div class="item" style="text-align: center;"> <span></span> <button type="button" class="btn btn_primary">更新</button> </div> </form> </div> <a class="close-reveal-modal">×</a> </div> <div class="shenhe_box" style="display: none;"> <form class="layui-form" action=""> <input type="hidden" name="_cid"> <input type="hidden" name="action" value="shenhe_comment"> <div class="layui-form-item"> <label class="layui-form-label">处理</label> <div class="layui-input-block"> <input type="radio" name="flag" value="1" title="通过" checked> <input type="radio" name="flag" value="2" title="拒绝"> </div> </div> <div class="layui-form-item layui-form-text"> <label class="layui-form-label">拒绝原因</label> <div class="layui-input-block"> <input type="text" name="reason" placeholder="请输入拒绝原因,通过可不填" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> </div> </div> </form> </div> <div class="qz_box" style="display: none;"> <form class="layui-form" action=""> <input type="hidden" name="_cid"> <input type="hidden" name="action" value="toqz"> <input type="hidden" name="bid" value="1798153"> <div class="layui-form-item"> <label class="layui-form-label">板块</label> <div class="layui-input-block"> <select name="borad_id" style="width: 250px"> <option value="">选择板块</option> <option value="100">老小孩家园</option> <option value="101">过往足迹</option> <option value="102">生活点滴</option> <option value="103">历史文化</option> <option value="105">镜头世界</option> <option value="106">旅游旅居</option> <option value="107">读书沙龙</option> <option value="108">美食分享</option> <option value="109">健康养身</option> <option value="110">时尚风采</option> <option value="111">艺术天地</option> <option value="112">科技前沿</option> <option value="113">积极养老</option> <option value="114">时政学习</option> <option value="115">你问我答</option> </select> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formQz">立即提交</button> </div> </div> </form> </div> <div class="fixed-list"> <div class="fixed-pinglun">评论</div> <div class="fixed-zan">点赞</div> <div class="fixed-share">分享</div> <div class="fixed-pic" onclick="downloadImage()">导出图片</div> <div class="fixed-close">关闭</div> </div> <div class="h5-footer"> <div class="h5-footer-cont"> <span class="msg_btn">点赞是喜欢，留言是真爱！</span> <div class="h5-footer-right"> <span class="msg_count"><i class="layui-icon layui-icon-dialogue" style="font-size:42px"></i>1</span> <span class="zan" > <a href="javascript:void(0);" onclick="setLike_new(1798153);" style="color:#333;"><i class="layui-icon layui-icon-heart" style="font-size:42px"></i>1</a></span> </div> </div> </div> </div> <!--BEGIN dialog1--> <div class="js_dialog" id="iosDialog1" style="display: none;"> <div class="weui-mask"></div> <div id="js_dialog_1" class="weui-half-screen-dialog"> <div class="weui-half-screen-dialog__hd"> <div class="weui-half-screen-dialog__hd__main"> <strong class="weui-half-screen-dialog__title">给作者留言</strong> </div> </div> <div class="weui-half-screen-dialog__bd"> <div class="weui-cells weui-cells_form"> <div class="weui-cell "> <div class="weui-cell__bd"> <input type="hidden" name="is_reply" value="0"> <textarea name="content0" placeholder="我也说一句" class="text" rows="4"></textarea> </div> </div> </div> <input type="button" onclick="createComments(1798153,this,0);" name="reply" value="发表" class="btns" /> <!-- <a class="weui-btn bg_orange" href="javascript:" id="addmsg">确定</a> --> </div> </div> </div> <!--END dialog1--> </body> <script type="text/javascript" src="/js/public.js"></script> <script type="text/javascript" src="/user/friend/friend.js"></script> <script type="text/javascript" src="/user/blog/blog.js?v=5"></script> <script src="/js/lib/jquery.qrcode.min.js"></script> <script type="text/javascript" src="/js/click.js?v=15"></script> <script type="text/javascript" src="../static/js/jquery.reveal.js"></script> <script type="text/javascript" src="/js/lib/jquery-weui-1.2.1.js"></script> <script type="text/javascript" src="/js/lib/layui257/layui.all.js"></script> <script type="text/javascript" src="/js/OLDKIDS.js"></script> <!-- 微信分享 --> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script type="text/javascript"> var bid = '1798153'; var curUser = ''; console.log("curUser:" + curUser); function setLike_new(blogid) { $.ajax({ url: '/user/blog/blog.ajax.php', type: 'POST', data: 'action=setlike&bid=' + blogid + '&_token=' + encodeURIComponent($('input[name=_token]').val()), dataType: 'json', success: function(msg) { if (msg.msg == 'ok') { art.dialog({ title: false, icon: 'succeed', content: msg.html, close: function() { location.reload(); // $(".likenum").html((Number($(".likenum").html()) + 1).toString()); } }).time(2); var lc = parseInt($('like' + blogid).html()); $('like' + blogid).html(lc + 1); } else { if (msg.msg == '用户未登录') { var cur_url = location.href; if (OLDKIDS.isweixin()) { location.href = "https://h5.oldkids.com.cn/sso/wx_login.php?ok_page=" + cur_url + "&no_page=https://h5.oldkids.com.cn/sso/login.php?from_page=" + cur_url; } else { if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { location.href = "https://h5.oldkids.com.cn/sso/login.php?from_page=" + cur_url; } } } else { alert(msg.msg); } } } }); } // if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|MicroMessenger/i.test(navigator.userAgent)) { // // var json = 'https://wap.oldkids.cn/blog/view.php?bid='+bid; // //location.href=json; // console.log('mobiles'); // $("body").addClass("app"); // // 判断简介内容 // var aboutText = $(".about_author .font-size16"); // if (aboutText.length > 0 && aboutText.html()) { // 检查元素是否存在，且内容不为空 // if (aboutText.html().length > 40) { // var more = '<a href="javascript:;" id="show-alert">更多</a>'; // aboutText.html(aboutText.html().substring(0, 40) + more); // } // } else { // console.log("元素或内容未定义"); // } // var viewport = $("meta[name=viewport]"); // var winWidths = $(window).width(); // var densityDpi = 600 / winWidths; // densityDpi = densityDpi > 1 ? 300 * densityDpi : densityDpi; // viewport.attr('content', 'width=600, user-scalable=no, target-densityDpi=' + densityDpi); // $(".cont-area div").find("img").removeAttr("style"); // $(".cont-area p").find("img").removeAttr("style"); // $(".cont-area div:nth-of-type(n+2)").removeAttr("style"); // $(".cont-area table").removeAttr("style"); // $(".cont-area table div").removeAttr("style"); // $(".MsoNormal").removeAttr("style"); // // 判断是否支持flash插件 // function hasUsableSWF() { // var swf; // if (typeof window.ActiveXObject != "undefined") { // swf = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); // } else { // swf = navigator.plugins['Shockwave Flash']; // } // return swf ? true : false; // }; // if (hasUsableSWF()) { // console.log("支持flash"); // } else { // if ($("embed").length > 0) { // $("embed").remove(); // $(".hasflash").show(); // console.log("存在flash文件且设备不支持flash"); // } else { // console.log("不存在flash文件"); // } // } // } // function handleResponsiveLayout() { var winWidth = $(window).width(); var isMobile = winWidth <= 860 || /Android|webOS|iPhone|iPad|iPod|BlackBerry|MicroMessenger/i.test(navigator.userAgent); var viewport = $("meta[name=viewport]"); if (isMobile) { // 手机端模式 //console.log('Switch to Mobile Mode'); $("body").addClass("app"); var densityDpi = 600 / winWidth; densityDpi = densityDpi > 1 ? 300 * densityDpi : densityDpi; viewport.attr('content', 'width=600, user-scalable=no, target-densityDpi=' + densityDpi); $(".cont-area iframe, .cont-area embed, .cont-area object").each(function() { var $this = $(this); var oldW = $this.attr('width'); var oldH = $this.attr('height'); if (!oldW) oldW = $this.width(); if (!oldH) oldH = $this.height(); if (!$this.data('aspect-ratio') && oldW && oldH) { $this.data('aspect-ratio', oldH / oldW); } $this.removeAttr('width'); $this.removeAttr('height'); $this.css({ 'width': '100%', 'display': 'block', 'margin': '10px auto' }); var ratio = $this.data('aspect-ratio'); if (ratio) { var currentWidth = $this.width(); $this.css('height', (currentWidth * ratio) + 'px'); } }); $(".cont-area div, .cont-area p").find("img").css({ "width": "", "height": "", "style": "" }); $(".cont-area div:nth-of-type(n+2)").removeAttr("style"); $(".cont-area table, .cont-area table div, .MsoNormal").removeAttr("style"); // var aboutText = $(".about_author .font-size16"); if (aboutText.length > 0 && aboutText.html() && aboutText.find('#show-alert').length === 0) { if (aboutText.html().length > 40) { var more = '<a href="javascript:;" id="show-alert">更多</a>'; aboutText.html(aboutText.html().substring(0, 40) + more); } } // Flash if (typeof hasUsableSWF === 'function' && !hasUsableSWF()) { if ($("embed").length > 0) { $("embed").remove(); $(".hasflash").show(); } } } else { // PC console.log('Switch to PC Mode'); $("body").removeClass("app"); viewport.attr('content', 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'); } } // --- 手机端图片点击放大功能 --- // 使用事件委托，绑定在 .cont-area 上，监听内部 img 的点击 $(".cont-area").on("click", "img", function(e) { // 1. 判断是否为手机端 (与你的 handleResponsiveLayout 逻辑保持一致) var winWidth = $(window).width(); var isMobile = winWidth <= 860 || /Android|webOS|iPhone|iPad|iPod|BlackBerry|MicroMessenger/i.test(navigator.userAgent); if (isMobile) { e.preventDefault(); // 阻止默认行为（防止图片被包裹在a标签里跳转） e.stopPropagation(); var src = $(this).attr("src"); if (!src) return; // 2. 如果查看器容器不存在，则创建它 if ($("#mobile-img-viewer").length === 0) { var viewerHtml = ` <div id="mobile-img-viewer"> <img src="" /> <div class="close-hint">轻点关闭</div> </div> `; $("body").append(viewerHtml); // 绑定关闭事件：点击遮罩层任意位置关闭 $("#mobile-img-viewer").click(function() { $(this).fadeOut(200); }); } // 3. 设置图片并显示 var $viewer = $("#mobile-img-viewer"); var $img = $viewer.find("img"); $img.attr("src", src); $viewer.fadeIn(200).css("display", "flex"); // 使用 flex 布局居中 } }); // 判断是否支持flash插件 function hasUsableSWF() { var swf; if (typeof window.ActiveXObject != "undefined") { swf = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); } else { swf = navigator.plugins['Shockwave Flash']; } return swf ? true : false; }; $(function() { handleResponsiveLayout(); }); $(window).resize(function() { handleResponsiveLayout(); }); function changesize(size, _this) { $('.cont-area span').css('fontSize', ''); $('.cont-area p').css('fontSize', size + "px"); $('.cont-area font').css('fontSize', size + "px"); $('.contBox .text').css('fontSize', size + "px"); $('.contBox .pinglun_text span').css('fontSize', size + "px"); $(_this).addClass("actived").siblings().removeClass("actived"); } function plsize(size, _this) { $('.contBox .text').css('fontSize', size + "px"); $('.contBox .pinglun_text span').css('fontSize', size + "px"); $(_this).addClass("actived").siblings().removeClass("actived"); } $('li.home-blog').addClass('cur').siblings().removeClass('cur'); var _time = $('input[name=_time]').val(), _token = $('input[name=_token]').val(); var userid = ''; var is_reply = ''; $(function() { var appUrl = $(".app .align-center a:first-child").attr("href"); console.log(appUrl); if (appUrl !== undefined) { var newUrl = appUrl.replace(/update/ig, 'update_app'); $(".app .align-center a:first-child").attr("href", newUrl); } // var reg = /<p><\/p>/gi; // $('.cont-area').html($('.cont-area').html().replace(reg,"<p> </p>")); // $(".app .align-center a:first-child").attr("href").replace(/update/ig, 'update_app'); if ($("video").length > 0 && $("video")[0].controls === false) { $("video")[0].controls = true } if (rec_info.up == '1') { // console.log(rec_info); if (rec_info.remark && rec_info.remark.trim() !== '') { $(".remarks").show() .find("p").append("<span>" + rec_info.remark + "</span>"); } else { $(".remarks").hide().find("p span").remove(); } if (rec_info.music_url !== '' && rec_info.music_url !== 'undefined') { var audioHtml = '<audio src="' + rec_info.music_url + '" controls="controls">您的浏览器不支持html5的audio标签</audio>'; $('.remark_audio').append(audioHtml); } } fillQrCode(); //生成登录二维码 function fillQrCode() { //var json = 'https://wap.oldkids.cn/blog/view.php?bid='+bid; var json = location.href; $('#qrcode').qrcode({ text: json, width: 80, height: 80 }); //tt = setInterval("checkAppOk();",2000); } $('.pinglun').click(function() { $(this).parent().parent().next().slideToggle(); }); $(".favlist ul li span:first").hide(); $(".favlist ul li i:first").show(); $(".favlist").on('click', 'ul li', function() { $(this).addClass("cur").siblings().removeClass("cur"); if ($(this).hasClass("cur")) { $(this).siblings().children("span").show(); $(this).siblings().children("i").hide(); $(this).children("span").hide(); $(this).children("i").show(); } }); var _date = encodeURIComponent('2025-05-10 20:13:03'); var url = 'pre_next.ajax.php?bid=1798153&userid=260802952&cid=0&date=' + _date; $('div.pre_next').load(url); // 判断简介内容 // if($(".about_author .font-size16").html().length > 40) { // var more = '<a href="javascript:;" onclick="showMore()">更多</a>'; // $(".about_author .font-size16").html($(".about_author .font-size16").html().substring(0,40) + more); // } $('a.shenhe').click(function() { var cid = $(this).data('id'); $('input[name=_cid]').val(cid); layer.open({ type: 1, title: '评论审核', shadeClose: true, shade: 0.8, area: ['40%', '50%'], content: $('.shenhe_box') }); }); $('a.toqz').click(function() { layer.open({ type: 1, title: '推送到圈子', shadeClose: true, shade: 0.8, area: ['40%', '50%'], content: $('.qz_box') }); }); $.ajax({ url: "/user/wo.ajax.php", type: "POST", data: 'action=getuserbasic', dataType: 'json', success: function(msg) { if (msg.msg == 'ok') { var nickname = msg.data.nickname; var patt = /^oldkids\d{6}$/ if (patt.test(nickname)) { layer.alert("请修改你的昵称和头像，以便其他网友认识你。", function() { location.href = "/user/user_manager.php"; }); } } }, error: function(err) { alert(err); } }); //半屏对话框 var $dialog1 = $('#js_dialog_1'), $iosDialog1 = $('#iosDialog1'); $('#iosDialog1').on('click', '.weui-mask', function(){ $(this).parents('.js_dialog').fadeOut(200); $dialog1.removeClass('weui-half-screen-dialog_show'); $('input[name=is_reply]').val(0); $('.weui-half-screen-dialog__title').html("给作者留言"); $('.footer').show(); }); $('#addmsg').click(function(){ var textarea = $('.weui-textarea').val(); var pid = $('input[name=is_reply]').val(); var _loading = layer.load(2); OLDKIDS.post('/api/article.data.php?action=createcoment','bid='+bid+'&content='+encodeURIComponent(textarea)+'&pid='+pid,function(res){ layer.close(_loading); if(res.msg=='ok'){ layer.alert("留言创建成功",function(){ location.reload(); }); }else{ weui.alert(res.msg); } }); }); $('.h5-footer-cont span').on('click',function(){ var _type = $(this).attr('class'); console.log(_type+"=>"+bid); if(userid==''){ location.href='/sso/login.php' }else{ if(_type=='msg_btn'||_type=='msg_count'){ console.log("留言:", is_reply ); setTimeout(function(){ $('html, body').animate({ scrollTop: $('a[name="comm"]').offset().top-80 }, 500); }, 300); // 稍作延迟确保对话框完全打开后再滚动 // if(is_reply=='0'){ // $iosDialog1.fadeIn(200);//打开留言对话框 // $dialog1.addClass('weui-half-screen-dialog_show'); // $('.footer').hide(); // }else{ // layer.msg("作者关闭了留言功能"); // } } // if(_type=='zan'){ // var _loading = layer.load(2); // OLDKIDS.post('/api/article.data.php?action=setlike','bid='+bid,function(res){ // layer.close(_loading); // if(res.msg=='ok'){ // layer.msg(res.html); // }else{ // weui.alert(res.msg); // } // }); // } } }); }); var form = layui.form; //监听提交 form.on('submit(formDemo)', function(data) { OLDKIDS.post('/user/blog/blog.ajax.php', data.field, function(res) { if (res.msg == 'ok') { layer.alert("操作成功", function() { layer.closeAll(); }); } else { layer.alert(res.msg); } }); return false; }); form.on('submit(formQz)', function(data) { OLDKIDS.post('/user/blog/blog.ajax.php', data.field, function(res) { if (res.msg == 'ok') { layer.alert("操作成功", function() { layer.closeAll(); }); } else { layer.alert(res.msg); } }); return false; }); // 分享 function share() { var sharetpl = '<div class="weui-share" onclick="$(this).remove();">\n' + '<div class="weui-share-box">\n' + '点击右上角发送给指定朋友或分享到朋友圈<i></i>\n' + '</div>\n' + '</div>'; var sharetpl = $.t7.compile(sharetpl); $("body").append(sharetpl()); } $(document).on("click", "#show-alert", function() { var personTxt = $.trim($(".shortdes").val()).replace(/[\r\n]/g, "").replace(/[ ]/g, ""); $.alert(personTxt, "个人简介"); }); function getVal() { var syscate = $('select[name=syscate]').val(); if (syscate == 10) { unrecomendBlog(1798153, '', 0); } else { unrecomendBlog(1798153, syscate, 1); } } // 首页推荐 function recommend(obj) { $("#recommendModel").reveal("{data-animation:'none'}"); } // 更新导语 function changeRemark(obj) { $("#remarkModel").reveal("{data-animation:'none'}"); $("#remarkModel textarea").val($(".remarks span").text()); } var myfile = document.getElementById('edui-music-upload'); myfile.onchange = function() { var file = this.files[0]; var formData = new FormData(); formData.append('upfile', file); console.log(formData); console.log(file); if (file == null || file == "") { alert("请选择要上传的mp3文件!"); return false; } var typeName = "mp3"; var currentType = file.type.substr(file.type.lastIndexOf("/")).replace('/', ''); if (typeName.indexOf(currentType) == -1) { ErrMsg = "该文件类型不允许上传。请上传.mp3音频文件，当前文件类型为" + currentType; alert(ErrMsg); return false; } $.ajax({ url: "/user/blog/ue_upload.php?dir=blog&type=audio", type: "POST", data: formData, processData: false, contentType: false, success: function(response, status, xhr) { var json = $.parseJSON(response); // console.log(json.url); var $url = "https://www.oldkids.cn" + json.url; $('#music_url').val($url); }, error: function(err) { alert(err); } }); } $('#recommendModel .item button').click(function() { var $bid = $('.recommend').data('bid').toString(); var $title = $('.item .title').val(); var defaultTitle = '音画《骆驼与苍蝇》——LRC歌词mp3播放器'; var $musicUrl = $('#music_url').val(); var $remark = $('.item .introduction').val(); var up = 1; var params; // 标题 if ($title == defaultTitle) { $title = defaultTitle; } else { $title = $('.item .title').val(); } if ($musicUrl == '') { params = 'action=createUpRecommend&bid=' + $bid + '&up=' + up + '&title=' + $title + '&remark=' + $remark; } else { params = 'action=createUpRecommend&bid=' + $bid + '&up=' + up + '&title=' + $title + '&music_url=' + $musicUrl + '&remark=' + $remark; } $.ajax({ url: "/user/blog/blog.ajax.php", type: "POST", dataType: "json", data: params, success: function(res) { // console.log(msg); if (res.msg == 'ok') { jQuery("#recommendModel").trigger('reveal:close'); location.reload(); } else { alert(res.msg); } }, error: function(err) { alert(err); } }); }); $('#remarkModel .item button').click(function() { var $bid = $('.changeRemark').data('bid').toString(); var $remark = $('#remarkModel .introduction').val(); var up = 1; var params, $title, $musicUrl; params = 'action=updateUpRecommend&bid=' + $bid + '&up=' + up + '&title=' + $title + '&music_url=' + $musicUrl + '&remark=' + $remark; if ($(".remarks p span").text() == $remark) { alert("导语内容未修改"); // jQuery("#remarkModel").trigger('reveal:close'); } else { $.ajax({ url: "/user/blog/blog.ajax.php", type: "POST", dataType: "json", data: params, success: function(res) { // console.log(res); if (res.msg == 'ok') { jQuery("#recommendModel").trigger('reveal:close'); location.reload(); } else { alert(res.msg); } }, error: function(err) { alert(err); } }); } }); //好文推荐 function changeCate() { var syscate = $('select[name=syscate]').val(); var catevalue = $(this).html(); // alert(catevalue); var d = art.dialog({ lock: true, autoOpen: false, title: '填写个人信息', content: '确定将此篇讲述推荐到此分类中', button: [{ name: '确定', callback: function() { recomendBlog(1798153, syscate); }, focus: true }, { name: '关闭' } ] }); d.show(); }; $("#sure").click(function() { var d = $('#addFav ul li.cur'), cid = d.attr('data-v'); scBlog(1798153, cid); }); function scBlogs() { var dialog = art.dialog({ id: 'fav_window', title: '添加到收藏夹', lock: true, content: document.getElementById('addFav') }); } function addFav_blog() { var dialog = art.dialog({ title: '创建新收藏夹', lock: true, content: document.getElementById('createFav'), button: [{ name: '返回', callback: function() { dialog.close(); } }, { name: '确定创建', callback: function() { var ss = $("#createFav .input_text").val(); if ($.trim(ss).length == 0) { alert("请给分类起一个名子"); return false; } else { var url = '/user/blog/blog.ajax.php'; var params = 'action=createfavcate&title=' + ss + '&_time=' + _time + '&_token=' + _token; $.ajax({ url: url, data: params, dataType: 'json', type: 'POST', success: function(msg) { if (msg.msg == 'ok') { var _list = $(".favlist ul"); var _value = '<li data-v="' + msg.cateid + '">' + ss + '<span>' + '0条内容 ' + '</span><i></i></li>'; $(_list).append(_value); art.dialog({ title: false, icon: 'succeed', content: '成功' }).time(3); } else { art.dialog({ title: false, icon: 'face-sad', content: msg.msg }).time(2); } } }); } }, focus: true } ] }); } function alertBlogDels(bid, obj) { if (confirm('删除讲述,是否继续')) { var url = '/user/blog/blog.ajax.php'; var params = 'action=delBlog&bid=' + bid + '&_token=' + encodeURIComponent($('input[name=_token]').val()); $.ajax({ url: url, data: params, dataType: 'json', type: 'POST', beforeSend: function() { $(obj).html('正在提交...'); $(obj).attr('disabled', 'disabled'); }, success: function(msg) { if (msg.msg == 'ok') { alert('删除成功'); location.href = 'index.php'; } else { $(obj).html('删除'); $(obj).removeAttr('disabled'); alert(msg.msg); } } }); } } function alertBlogDelContent(bid, obj) { if (confirm('删除讲述,是否继续')) { var url = '/user/blog/blog.ajax.php'; var params = 'action=delBlog&bid=' + bid + '&_token=' + encodeURIComponent($('input[name=_token]').val()) + '&real=1'; $.ajax({ url: url, data: params, dataType: 'json', type: 'POST', beforeSend: function() { $(obj).html('正在提交...'); $(obj).attr('disabled', 'disabled'); }, success: function(msg) { if (msg.msg == 'ok') { alert('删除成功'); location.href = 'index.php'; } else { $(obj).html('删除'); $(obj).removeAttr('disabled'); alert(msg.msg); } } }); } } //清理用户插入base64的图片 会造成表 content字段庞大 mysql报错 $('img').each(function() { var img = $(this).attr("src"); if (img.indexOf("data") != -1) { $(this).remove(); } }); $('a.tougao').click(function() { var id = $(this).data('id'); if (confirm('将博文投稿到”强国有我——喜迎党的二十大“,是否继续')) { var url = '/user/blog/blog.ajax.php'; var params = 'action=tougao&bid=' + id; $.ajax({ url: url, data: params, dataType: 'json', type: 'POST', beforeSend: function() { }, success: function(msg) { if (msg.msg == 'ok') { alert('投稿成功'); } else { alert(msg.msg); } } }); } }); let floatClosed = false; $(window).scroll(function() { if (floatClosed) { // 如果已经关闭，不再显示 return; } const windowHeight = $(window).height(); // 视口高度 const documentHeight = $(document).height(); // 整个页面高度 const scrollTop = $(this).scrollTop(); // 当前滚动距离 const scrollBottom = documentHeight - windowHeight - scrollTop; // 距离底部的距离 const topThreshold = windowHeight * 0.15; const bottomThreshold = windowHeight * 0.2; // 判断是否为手机端（这里以屏幕宽度小于 768px 为例） if ($(window).width() <= 768) { $('.fixed-list').hide(); // 手机端始终隐藏 return; // 直接退出，不再执行下面的逻辑 } if (scrollTop > topThreshold && scrollBottom > bottomThreshold) { $('.fixed-list').show(400); } else { $('.fixed-list').hide(400); } }); // 点击事件 $('.fixed-pinglun').click(function() { const pHeight = $('.pinglunBox').offset().top; // 获取目标位置的顶部高度 scrollToPosition(pHeight); // 滚动到目标位置 }); $('.fixed-share').click(function() { const pHeight = $('.operate-flex').offset().top; // 获取目标位置的顶部高度 scrollToPosition(pHeight); // 滚动到目标位置 console.log('目标位置：', pHeight); // 打印目标位置（可选） }); $('.fixed-zan').click(function() { const pHeight = $('.operate-flex').offset().top; // 获取目标位置的顶部高度 scrollToPosition(pHeight); // 滚动到目标位置 }); // 点击关闭按钮 $('.fixed-close').click(function() { floatClosed = true; // 标记为已关闭 $('.fixed-list').hide(400); // 隐藏 }); // 用来实现平滑滚动的函数 function scrollToPosition(pHeight) { $('html, body').animate({ scrollTop: pHeight }, 400); // 平滑滚动到目标位置 } </script> <script> wx.config({ debug: false, appId: '', timestamp: '', nonceStr: '', signature: '', jsApiList: [ 'checkJsApi', 'updateTimelineShareData', 'updateAppMessageShareData', 'setBounceBackground', 'hideMenuItems' ] }); wx.ready(function() { wx.hideMenuItems({ menuList: [ 'menuItem:copyUrl', 'menuItem:share:qq', 'menuItem:share:weiboApp', 'menuItem:share:QZone', 'menuItem:openWithQQBrowser', 'menuItem:openWithSafari' ] }); var shareData = { title: '千年莲子：音画《骆驼与苍蝇》——LRC歌词mp3播放器', // 分享标题 desc: '老小孩社区', // 分享描述 link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: 'https://www.oldkids.cn/logo2.png?v=1', // 分享图标 success: function() { // 用户确认分享后执行的回调函数 }, cancel: function() { // 用户取消分享后执行的回调函数 } }; wx.updateTimelineShareData(shareData); wx.updateAppMessageShareData(shareData); }); </script> <script src="./js/html2canvas.min.1.3.2.js"></script> <script> function downloadImage() { // 捕获整个页面 html2canvas(document.body, { useCORS: true, // 解决跨域问题 scale: 2, // 提高图片质量 logging: false // 关闭日志 }).then(canvas => { // 创建下载链接 const link = document.createElement('a'); link.download = '网页截图.png'; link.href = canvas.toDataURL('image/png'); link.click(); }); } </script> </html>
