在线等，左边两行文字并排右边一个超链接咋实现的，用左右浮动_CSS3_收获啦

web前端初学常见问题及解决方法

【web前端初学常见问题及解决方法】在线等，左边两行文字并排右边一个超链接咋实现的，用左右浮动

2021-07-26 18:30发布

站内问答 / CSS3

905 1

[图]

1条回答

苏楠 - 世界的没好好与你环环相扣

2楼 · 2021-07-27 09:59

左侧框架起名叫left，右侧显示内容的框架叫right，在左侧的链接中加入首页，写上target就OK了，

用左边sss
右边</span></span></p> <div class="appendcontent"> </div> </div>  <div class="tool-group">  <div class="cdn_question_answer125461"></div> <script type="text/javascript"> getquestioncaozuo(5,36773,125461); </script> </div> </div> </div> <div class="comments-mod " style="display: none; float: none; padding-top: 10px;" id="comment_125461"> <div class="areabox clearfix"> <div class="input-group"> <input type="text" placeholder="请输入评论内容，不少于5个字" AUTOCOMPLETE="off" class="comment-input form-control" name="content" /> <input type='hidden' value='0' name='replyauthor' /> <span class="input-group-btn"><input type="button" value="评论" class="btn btn-green" name="submit" onclick="addcomment(125461);" /> </span> </div> </div> <ul class="my-comments-list nav"> <li class="loading text-left"><img src='http://www.shouhuola.com/static/css/default/loading.gif' align='absmiddle' /> 加载中...</li> </ul> </div> </div> <div class="pages"></div> </div> </div> <div></div> </div>  <div class="cdn_question_invate"></div> <script type="text/javascript"> getquestioncaozuo(7,36773); </script>  <div class="new_xgwt"> <h3>相关问题推荐</h3>  <ul></ul> <div class="notSolve">没有解决我的问题，<a href="http://www.shouhuola.com/question/add.html">去提问</a></div> </div> </div> </div> </div> </div> <div class="col-md-7 aside "> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">等你来答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-33995.html" title="什么是递归，用Java怎么实现"> 什么是递归，用Java怎么实现 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-33995.html" class="anum">19 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31561.html" title="【Web前端基础】css浮动和定位有什么区别"> 【Web前端基础】css浮动和定位有什么区别 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31561.html" class="anum">15 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31390.html" title="过渡和动画的区别？"> 过渡和动画的区别？ </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31390.html" class="anum">9 个回答</a> </div> </li></ul> </div> </div> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">热门问答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-31725.html" title="【Web前端基础】css定位元素的方式"> 【Web前端基础】css定位元素的方式 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31725.html" class="anum">14 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31216.html" title="【Web前端基础】css选择器有哪几种"> 【Web前端基础】css选择器有哪几种 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31216.html" class="anum">15 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-33997.html" title="HashMap底层原理是怎么实现的"> HashMap底层原理是怎么实现的 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-33997.html" class="anum">13 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31357.html" title="【Web前端基础】css bfc机制是什么"> 【Web前端基础】css bfc机制是什么 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31357.html" class="anum">12 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31302.html" title="【Web前端基础】css浮动的作用是什么"> 【Web前端基础】css浮动的作用是什么 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31302.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31327.html" title="【Web前端基础】css浮动怎么理解"> 【Web前端基础】css浮动怎么理解 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31327.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31328.html" title="【Web前端基础】css如何清除浮动"> 【Web前端基础】css如何清除浮动 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31328.html" class="anum">12 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-30095.html" title="如何在css里边添加背景音乐"> 如何在css里边添加背景音乐 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-30095.html" class="anum">6 个回答</a> </div> </li></ul> </div> </div><div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">相关文章</h3> <ul><li class="no-video"><a href="http://www.shouhuola.com/article-52404.html" title="css3 3D立方体流星动画特效"> css3 3D立方体流星动画特效</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52404.html" title="css3 3D立方体流星动画特效" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52247.html" title="怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)"> 怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52247.html" title="怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52204.html" title="使用css选择器实现表格隔行换色"> 使用css选择器实现表格隔行换色</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52204.html" title="使用css选择器实现表格隔行换色" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52201.html" title="CSS盒模型的概念及组成 content padding border margin"> CSS盒模型的概念及组成 content padding border margin</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52201.html" title="CSS盒模型的概念及组成 content padding border margin" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52200.html" title="css hack的概念？常见的过滤器有哪些？"> css hack的概念？常见的过滤器有哪些？</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52200.html" title="css hack的概念？常见的过滤器有哪些？" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52199.html" title="使用CSS实现网站顶部彩色小长条小效果"> 使用CSS实现网站顶部彩色小长条小效果</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52199.html" title="使用CSS实现网站顶部彩色小长条小效果" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52192.html" title="Css背景切割与原点属性语法介绍以及使用"> Css背景切割与原点属性语法介绍以及使用</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52192.html" title="Css背景切割与原点属性语法介绍以及使用" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-52191.html" title="Css背景渐变属性语法介绍以及使用"> Css背景渐变属性语法介绍以及使用</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-52191.html" title="Css背景渐变属性语法介绍以及使用" class="anum"> 0个评论</a> </div></li> </ul> </div> </div></div> </div> </div> <div class="modal fade" id="dialogadopt"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">采纳回答</h4> </div> <div class="modal-body"> <form class="form-horizontal" name="editanswerForm" method="post"> <input type="hidden" value="36773" id="adopt_qid" name="qid" /> <input type="hidden" id="adopt_answer" value="0" name="aid" /> <table class="table "> <tr valign="top"> <td>向帮助了您的网友说句感谢的话吧!</td> </tr> <tr> <td> <div class="inputbox mt15"> <textarea class="form-control" id="adopt_txtcontent" name="content">非常感谢!</textarea> </div> </td> </tr> <tr> <td><button type="button" id="adoptbtn" class="btn btn-success">确 认</button></td> </tr> </table> </form> </div> </div> </div> </div> <script> if(typeof($(".work-show-box").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".work-show-box").find("img").attr("data-original"); $(".work-show-box").find("img").attr("src",imgurl); } $(".work-show-box,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); $("#adoptbtn").click(function(){ var data={ content:$("#adopt_txtcontent").val(), qid:$("#adopt_qid").val(), aid:$("#adopt_answer").val() } $.ajax({ //提交数据的类型 POST GET type:"POST", //提交的网址 url:"http://www.shouhuola.com/question/ajaxadopt.html", //提交的数据 data:data, //返回数据的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在请求之前调用的函数 beforeSend:function(){}, //成功返回之后调用的函数 success:function(data){ var data=eval("("+data+")"); if(data.message=='ok'){ new $.zui.Messager('采纳成功!', { type: 'success', close: true, placement: 'center' // 定义显示位置 }).show(); setTimeout(function(){ window.location.reload(); },1500); }else{ new $.zui.Messager(data.message, { close: true, placement: 'center' // 定义显示位置 }).show(); } } , //调用执行后调用的函数 complete: function(XMLHttpRequest, textStatus){ }, //调用出错执行的函数 error: function(){ //请求出错处理 } }); }) </script> </div>  <div class="modal fade" id="dialog_tag"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">编辑标签</h4> </div> <div class="modal-body"> <form onsubmit=" return checktagsubmit()" class="form-horizontal" name="edittagForm" action="http://www.shouhuola.com/question/edittag.html" method="post"> <input type="hidden" value="36773" name="qid" /> <p>最多设置5个标签!</p> <div class="inputbox mar-t-1"> <div class=" dongtai "> <div class="tags"><div class="tag"> <span tagid="2020">web前端初学常见问题及解决方法</span><i class="fa fa-close"></i> </div> </div> <input type="text" autocomplete="off" data-toggle="tooltip" data-placement="bottom" title="" placeholder="检索标签，最多添加5个,添加标签更容易被回答" data-original-title="检索标签，最多添加5个" name="topic_tagset" value="" class="txt_taginput"> <i class="fa fa-search"></i> <div class="tagsearch"></div> </div> <input type="hidden" class="form-control" id="qtags" name="qtags" value="" /> </div> <div class="mar-t-1"> <button type="submit" class="btn btn-success">保存</button> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div> <div class="modal fade panel-report" id="dialog_inform"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">举报内容</h4> </div> <div class="modal-body"> <form id="rp_form" class="rp_form" action="http://www.shouhuola.com/inform/add.html" method="post"> <input value="" type="hidden" name="qid" id="myqid"> <input value="" type="hidden" name="aid" id="myaid"> <input value="" type="hidden" name="qtitle" id="myqtitle"> <div class="js-group-type group group-2"> <h4>检举类型</h4> <ul> <li class="js-report-con"><label><input type="radio" name="group-type" value="1"><span>检举内容</span></label></li> <li class="js-report-user"><label><input type="radio" name="group-type" value="2"><span>检举用户</span></label></li> </ul> </div> <div class="group group-2"> <h4>检举原因</h4> <div class="list"> <ul> <li><label class="reason-btn"><input type="radio" name="type" value="4"><span>广告推广</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="5"><span>恶意灌水</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="6"><span>回答内容与提问无关</span> </label></li> <li><label class="copy-ans-btn"><input type="radio" name="type" value="7"><span>抄袭答案</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="8"><span>其他</span></label></li> </ul> </div> </div> <div class="group group-3"> <h4>检举说明(必填)</h4> <div class="textarea"> <ul class="anslist" style="display: none; line-height: 20px; overflow: auto; height: 171px;"> </ul> <textarea name="content" maxlength="200" placeholder="请输入描述200个字以内"> </textarea> </div> </div> <div class="mar-t-1"> <button type="submit" id="btninform" class="btn btn-success">提交</button> <button type="button" class="btn btn-default mar-ly-1" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div>  <div class="modal share-wechat animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮</h5> <div data-url="http://www.shouhuola.com/q-36773.html" class="qrcode" title="http://www.shouhuola.com/q-36773.html"> <canvas width="170" height="170" style="display: none;"></canvas> <div id="qr_wxcode"></div> </div> </div> <div class="modal-footer"></div> </div> </div> </div>  <div class="modal pay-money animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>付费偷看金额在0.1-10元之间</h5> <div class="mar-t-1"> <input type="number" value="0" id="chakanjine" class="form-control" /> </div> <button id="comfirm_pay" class="btn btn-success mar-t-1">确定</button> </div> <div class="modal-footer"></div> </div> </div> </div>  <div class="modal fade" id="dialog_invate"> <div class="modal-dialog" style="width: 700px; top: 10px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title"></h4> <div class="m_invateinfo"> <span class="m_i_text""> 您已邀请<span class="m_i_persionnum">15</span>人回答 </span> <span data-toggle="popover" data-tip-class="popover-info" data-html="ture" data-placement="bottom" data-content="" title="我的邀请列表" class="m_i_view">查看邀请</span> <div class="m_i_warrper"> <input data-qid="36773" type="text" id="m_i_searchusertxt" class="m_i_search" placeholder="搜索你想邀请的人"> <i class="fa fa-search"></i> </div> </div> </div> <div class="modal-body">  <ul class="trigger-menu m_invate_tab" data-pjax-container="#list-container"> <li class="active" data-qid="36773" data-item="1"><a href="javascript:">擅长该话题的人</a></li> <li class="" data-qid="36773" data-item="2"><a href="javascript:"> 回答过该话题的人</a></li> <li class="" data-qid="36773" data-item="3"><a href="javascript:">我关注的人</a></li> </ul>  <div class="m_invatelist"></div> </div> </div> </div> </div> <script> getquestioncaozuo(1,36773); getquestioncaozuo(2,36773); getquestioncaozuo(3,36773); getquestioncaozuo(4,36773); getquestioncaozuo(8,36773); $(".btnshowall").click(function(){ $(".shortquestioncontent").toggle(); $(".hidequestioncontent").toggle(); }); $("#normal-comment-list .answercontent").each(function(){ if($(this).height()>150){ $(this).parent().find(".readmore").show(); }else{ $(this).parent().find(".readmore").hide(); } }); // $(".readmore").click(function(){ // if($.trim($(this).html())=="查看更多"){ // $(this).parent().find(".answercontent").css("max-height","100000px").css("overflow","visible"); // $(this).html("收起"); // }else{ // $(this).parent().find(".answercontent").css("max-height","200px").css("overflow","hidden"); // $(this).html("查看更多"); // } // }); var needcode=0; var g_id = 6; var qid = 36773; function listertext(){ var _content=$("#anscontent").val(); if(_content.length>0&&g_id!=1){ $(".code_hint").show(); }else{ $(".code_hint").hide(); } } var mobile_localyuyin=1; // var userAgent = window.navigator.userAgent.toLowerCase(); // $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent); // if($.browser.msie8==true){ // var mobile_localyuyin=0; // } var targetplay=null; function checktagsubmit(){ if(gettagsnum()<=0){ alert("请设置标签"); return false; } if(gettagsnum()>5){ alert("最多添加5个标签"); return false; } var _tagstr=gettaglist(); $("#qtags").val(_tagstr); } $(".txt_taginput").on(" input propertychange",function(){ var _txtval=$(this).val(); if(_txtval.length>1){ //检索标签信息 var _data={tagname:_txtval}; var _url="http://www.shouhuola.com/tags/ajaxsearch.html"; function success(result){ console.log(result) if(result.code==200){ console.log(_txtval) $(".tagsearch").html(""); for(var i=0;i<result.taglist.length;i++){ var _msg=result.taglist[i].tagname $(".tagsearch").append('<div class="tagitem" tagid="'+result.taglist[i].id+'">'+_msg+'</div>'); } $(".tagsearch").show(); $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); var _tagid=$.trim($(this).attr("tagid")); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span tagid="'+_tagid+'">'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); } } ajaxpost(_url,_data,success); }else{ $(".tagsearch").html(""); $(".tagsearch").hide(); } }) function checktag(_tagname){ var tagrepeat=false; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).html()); if(_tagnametmp==_tagname){ tagrepeat=true; } }) return tagrepeat; } function gettaglist(){ var taglist=''; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).attr("tagid")); taglist=taglist+_tagnametmp+","; }) taglist=taglist.substring(0,taglist.length-1); return taglist; } function gettagsnum(){ return $(".dongtai .tags .tag").length; } $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span>'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".yuyinplay").click(function(){ targetplay=$(this); var _serverid=targetplay.attr("id"); if(_serverid == '') { alert('语音文件丢失'); return; } $(".wtip").html("免费偷听"); targetplay.find(".wtip").html("播放中.."); if(mobile_localyuyin==1){ $(".htmlview").removeClass("hide"); $(".ieview").addClass("hide"); var myAudio =targetplay.find("#voiceaudio")[0]; // myAudio.pause(); //myAudio.play(); if(myAudio.paused){ targetplay.find(".wtip").html("播放中.."); myAudio.play(); }else{ targetplay.find(".wtip").html("暂停.."); myAudio.pause(); } function endfun(){ targetplay.find(".wtip").html("播放结束");alert("播放结束!")} var is_playFinish = setInterval(function(){ if( myAudio.ended){ endfun(); window.clearInterval(is_playFinish); } }, 10); }else{ $(".ieview").removeClass("hide"); $(".htmlview").addClass("hide"); } }) function deleteanswer(current_aid){ if(confirm("是否删除此回答?")){ window.location.href=g_site_url + "index.php" + query + "question/deleteanswer/"+current_aid+"/36773"; } } function adoptanswer(aid) { $("#adopt_answer").val(aid); $('#dialogadopt').modal('show'); } //编辑标签 function edittag() { $('#dialog_tag').modal('show'); } if(typeof($(".show-content").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".show-content").find("img").attr("data-original"); $(".show-content").find("img").attr("src",imgurl); } $(".show-content,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); var category1 = [["15","Web前端"],["16","Java"],["17","Python"],["18","UI/UE设计"],["19","云计算"],["20","软件测试"],["21","大数据"],["23","网络安全"],["26","认证考试"],["28","职业发展"],["14","营销运营"],["22","游戏开发"],["24","三维室内设计"],["27","办公效率"],["29","兴趣生活"]]; var category2 = [["14","30","SEO优化"],["15","40","HTML/CSS"],["16","53","基础入门"],["17","58","Python核心编程"],["18","62","视觉设计基础"],["19","66","网络基础"],["20","71","功能测试"],["21","75","Java主流框架"],["22","79","C#语言基础"],["23","83","网络安全基础"],["24","88","模型与效果图"],["26","92","软考"],["27","101","Word"],["28","108","简历指导"],["29","113","前沿技术"],["28","115","职场困惑"],["27","117","工具资源"],["14","31","SEM推广"],["15","41","HTML5"],["16","54","算法分析"],["17","59","网络爬虫"],["18","63","品牌视觉设计"],["19","67","linux基础"],["20","72","自动化测试"],["21","76","Hadoop"],["22","80","Unity引擎"],["23","84","Web安全漏洞"],["24","89","Q版模型"],["26","93","PMP"],["27","102","Excel"],["28","109","面试礼仪"],["29","114","生活常识"],["28","116","行业前景"],["14","32","信息流"],["15","42","CSS3"],["16","55","微服务框架"],["17","60","人工智能"],["18","64","电商设计"],["19","68","linux运维自动化"],["20","73","接口测试"],["21","77","Spark"],["22","81","游戏策划"],["23","85","WAF安全测试"],["24","90","次世代模型"],["26","94","华为认证"],["27","103","PPT"],["28","110","面试问题"],["14","33","模板建站"],["15","43","JavaScript"],["16","56","数据库"],["17","61","全栈开发"],["18","65","UI交互设计"],["19","69","数据库运维管理"],["20","74","性能测试"],["21","78","机器学习"],["22","82","VR/AR"],["23","86","自动化安全检测"],["24","91","引擎地编"],["26","95","思科认证"],["27","104","WPS"],["14","34","新媒体运营"],["15","44","Vue.js"],["16","57","链接池"],["19","70","云架构管理"],["23","87","渗透测试"],["26","96","红帽认证"],["27","105","project"],["14","35","淘宝天猫"],["15","45","React.JS"],["26","97","微软认证"],["27","106","思维导图"],["14","36","京东运营"],["15","46","Angular"],["26","98","H3C认证"],["27","107","电脑基础"],["14","37","拼多多运营"],["15","47","Node.js"],["26","99","百度认证"],["14","38","短视频直播"],["15","48","jQuery"],["26","100","计算机等级考试"],["15","49","Bootstrap"],["15","50","Sass/Less"],["15","51","WebApp"],["15","52","小程序"]]; var category3 = []; var selectedcid = "15,42,42"; //修改分类 function change_category() { var category1 = $("#category1 option:selected").val(); var category2 = $("#category2 option:selected").val(); var category3 = $("#category3 option:selected").val(); if (category1 > 0) { $("#categoryid").val(category1); } if (category2 > 0) { $("#categoryid").val(category2); } if (category3 > 0) { $("#categoryid").val(category3); } $("#catedialog").model("hide"); $("form[name='editcategoryForm']").submit(); } //投诉 function openinform(qid ,qtitle,aid) { $("#myqid").val(qid); $("#myqtitle").val(qtitle); $("#myaid").val(aid); $('#dialog_inform').modal('show'); } $(".showcommentid").each(function(){ var dataid=$(this).attr("data-id"); show_comment(dataid); }); function show_comment(answerid) { if ($("#comment_" + answerid).css("display") === "none") { load_comment(answerid); $("#comment_" + answerid).slideDown(); } else { $("#comment_" + answerid).slideUp(); } } //添加评论 function addcomment(answerid) { var content = $("#comment_" + answerid + " input[name='content']").val(); var replyauthor = $("#comment_" + answerid + " input[name='replyauthor']").val(); console.log(g_uid); if (g_uid == 0){ login(); return false; } if (bytes($.trim(content)) < 5){ alert("评论内容不能少于5字"); return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/addcomment.html", data: "content=" + content + "&answerid=" + answerid+"&replyauthor="+replyauthor, success: function(status) { if (status == '1') { $("#comment_" + answerid + " input[name='content']").val(""); load_comment(answerid); }else{ if(status == '-2'){ alert("问题已经关闭，无法评论"); } } } }); } //删除评论 function deletecomment(commentid, answerid) { if (!confirm("确认删除该评论?")) { return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/deletecomment.html", data: "commentid=" + commentid + "&answerid=" + answerid, success: function(status) { if (status == '1') { load_comment(answerid); }else{ alert(status); } } }); } //加载评论 function load_comment(answerid){ $.ajax({ type: "GET", cache:false, url: "http://www.shouhuola.com/index.php?answer/ajaxviewcomment/" + answerid, success: function(comments) { $("#comment_" + answerid + " .my-comments-list").html(comments); } }); } function replycomment(commentauthorid,answerid){ var comment_author = $("#comment_author_"+commentauthorid).attr("title"); $("#comment_"+answerid+" .comment-input").focus(); $("#comment_"+answerid+" .comment-input").val("回复 "+comment_author+" :"); $("#comment_" + answerid + " input[name='replyauthor']").val(commentauthorid); } $(function(){ initcategory(category1); fillcategory(category2, $("#category1 option:selected").val(), "category2"); fillcategory(category3, $("#category2 option:selected").val(), "category3"); var qrurl="http://www.shouhuola.com/q-36773.html"; //微信二维码生成 $('#qr_wxcode').qrcode(qrurl); //显示微信二维码 $(".share-weixin").click(function(){ $(".share-wechat").show(); }); //关闭微信二维码 $(".close").click(function(){ $(".share-wechat").hide(); $(".pay-money").hide(); }); }) </script> <link rel="stylesheet" type="text/css" href="http://www.shouhuola.com/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://www.shouhuola.com/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script>hljs.initHighlightingOnLoad();</script> <script src="http://www.shouhuola.com/static/js/jquery.lazyload.min.js" type="text/javascript"></script> <script> $("img.lazy").lazyload({effect: "fadeIn" }); </script> <div class="side-tool" id="to_top"><ul><li data-placement="left" data-toggle="tooltip" data-container="body" data-original-title="回到顶部" > <a href="#" class="function-button"><i class="fa fa-angle-up"></i></a> </li> </ul></div> <script> window.onload = function(){ $(".edui-upload-video").attr("preload",""); var oTop = document.getElementById("to_top"); var screenw = document.documentElement.clientWidth || document.body.clientWidth; var screenh = document.documentElement.clientHeight || document.body.clientHeight; window.onscroll = function(){ var scrolltop = document.documentElement.scrollTop || document.body.scrollTop; if(scrolltop<=screenh){ oTop.style.display="none"; }else{ oTop.style.display="block"; } if(scrolltop>30){ $(".scrollshow").show(); }else{ $(".scrollshow").hide(); } } oTop.onclick = function(){ document.documentElement.scrollTop = document.body.scrollTop =0; } } </script> <footer id="footer"> <div class="copyrigth-wrap small"> <div class="content copyrigth"> <i style=" display: block;width: 685px; background: #d2d2d2; color: #fff; padding: 5px; margin: 0 0 10px 0;" >收获啦作为免费、公开信息平台，用户进行的所有活动由其自身承担法律责任。如您发现不良信息、侵权内容，请立即联系我们。</i> Copyright © 2020 收获啦！ <a href="http://beian.miit.gov.cn" target="_blank">京ICP备10005032号-11</a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031459">京公网安备11010802031459号</a> <a href='https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&serial=911101087861894810-SAIC_SHOW_1000009111010878618948101600759758300&signData=MEQCIBOfIClgLS82gBPNpbDSMQhpzy42b5sfm4qyBuPQk4TpAiDoaOjIBVY0sy0SMhlipCFi89IoHcQ++mrnvyaJqJXz9Q==' target="_blank" rel="nofollow">电子营业执照</a>   <a href="http://www.shouhuola.com/article-52509.html" target="_blank">使用协议|免责声明</a> <a > </a> <span class="ilblk dblj"> <a href="http://www.shouhuola.com/article-52508.html" target="_blank">联系我们</a> | <a href="/tags/default.html" target="_blank">标签大全</a> | <a href="/note/list.html" target="_blank">站内公告</a> | <a href="/rule/index.html" target="_blank">财富规则</a> </span> </div> </div> </footer> </body> </html>