37.【UI图标教学】绘制播放视频图标
</p> </div> <div class="controls"> <a href='http://www.521zixue.com/pingmiansheji/2020UI/2417.html'><i class="Hui-iconfont Hui-iconfont-arrow1-left"></i>上一节</a> <span style="width: 1px; height: 20px; background-color: #000; display: inline-block; vertical-align: middle"></span> <a href='http://www.521zixue.com/pingmiansheji/2020UI/2419.html'><i class="Hui-iconfont Hui-iconfont-arrow1-right"></i>下一节</a> <a href="tencent://message/?uin=&Site=&Menu-=yes" target="_blank"><i class="Hui-iconfont Hui-iconfont-help"></i>无法播放教程，怎么办？故障反馈 QQ：</a> </div> </div> </div> </div> <div style="clear: both;"></div> <!--主体内容--> <div class="content-box1200"> <div class="leftSize"> <div id="CommentPoint" class="wbg pos-r" style="min-height: 400px;"> <div class="tab"> <a target="_blank" href="http://www.521zixue.com/pingmiansheji/2020UI/">课程目录</a> <span class="va-m"></span> <a class="checked">课程评价</a> </div> <div class="comment mt-20"> <form action="#" method="post" name="feedback"> <div class="formEdit"> <input type="hidden" name="dopost" value="send" /> <input type="hidden" name="comtype" value="comments"> <input type="hidden" name="aid" value="2418" /> <input type="hidden" name="fid" id='feedbackfid' value="0" /> 用户名：<input type="text" name="username" value="匿名" size="16" class="ipt-txt" style="text-transform: uppercase;margin-bottom: 5px;"/> <textarea name="msg" style="width: 80%; padding-bottom: 30px;" class="textarea radius va-m mr-10 c-333"></textarea> <button type="button" onClick='PostComment()' class="f-16 c-white ml-10" style="background-color: #00aeff; width: 65px; height: 65px; border-radius: 50%; border: none; cursor: pointer;">发 表</button> </div> <div class="f-12 c-999" style="display: inline-block; height: 100px; width: 225px; vertical-align: middle; letter-spacing: 1px; text-align: left"> 遵守中华人民共和国的各项道德法规，<br /> 承担因您的行为而导致的法律责任，<br /> 本站有权保留或删除有争议评论。<br /> 参与本评论即表明您已经阅读并接受<br /> 上述条款。<br /> 验证码:<input type="text" name="validate" size="4" class="ipt-txt" style="text-transform:uppercase;"/><img src= "/include/vdimgck.php" id="validateimg" style="cursor:pointer" onclick="this.src=this.src+'?'" title="点击我更换图片" alt="点击我更换图片" /> </div> </form> </div> <div id='commetcontentNew'></div> <table class="table table-striped commentList mt-20"> <tbody id='commetcontent'></tbody> </table> <!-- //由于评论载入时使用异步传输，因此必须在最后一步加载（DIGG和评论框须放在评论内容前面） //如果一定需要提前的把myajax.SendGet改为myajax.SendGet2，但可能会引起页面阻滞 --> <script language='javascript'> function LoadCommets(page) { var taget_obj = document.getElementById('commetcontent'); var waithtml = "<div style='line-height:50px'><img src='http://www.521zixue.com/images/loadinglit.gif' />评论加载中...</div>"; var myajax = new DedeAjax(taget_obj, true, true, '', 'x', waithtml); myajax.SendGet2("http://www.521zixue.com/plus/feedback_ajax.php?dopost=getlist&aid=2418&page="+page); DedeXHTTP = null; } function PostComment() { var f = document.feedback; var nface = '6'; var nfeedbacktype = 'feedback'; var nvalidate = ''; var nnotuser = ''; var nusername = ''; var npwd = ''; var taget_obj = $DE('commetcontentNew'); var waithtml = "<div style='line-height:30px'><img src='http://www.521zixue.com/images/loadinglit.gif' />正在发送中...</div>"; if(f.msg.value=='') { alert("评论内容不能为空！"); return; } if(f.validate) { if(f.validate.value=='') { alert("请填写验证码！"); return; } else { nvalidate = f.validate.value; } } if(f.msg.value.length > 500) { alert("你的评论是不是太长了？请填写500字以内的评论。"); return; } if(f.feedbacktype) { for(var i=0; i < f.feedbacktype.length; i++) if(f.feedbacktype[i].checked) nfeedbacktype = f.feedbacktype[i].value; } if(f.face) { for(var j=0; j < f.face.length; j++) if(f.face[j].checked) nface = f.face[j].value; } nnotuser = '0'; if(f.username) nusername = f.username.value; if(f.pwd) npwd = f.pwd.value; var myajax = new DedeAjax(taget_obj, false, true, '', '', waithtml); myajax.sendlang = 'utf-8'; myajax.AddKeyN('dopost', 'send'); myajax.AddKeyN('aid', '2418'); myajax.AddKeyN('fid', f.fid.value); myajax.AddKeyN('face', nface); myajax.AddKeyN('feedbacktype', nfeedbacktype); myajax.AddKeyN('validate', nvalidate); myajax.AddKeyN('notuser', nnotuser); myajax.AddKeyN('username', nusername); myajax.AddKeyN('pwd', npwd); myajax.AddKeyN('msg', f.msg.value); myajax.SendPost2('http://www.521zixue.com/plus/feedback_ajax.php'); f.msg.value = ''; f.fid.value = 0; if(f.validate) { if($DE('validateimg')) $DE('validateimg').src = "http://www.521zixue.com/include/vdimgck.php?"+f.validate.value; f.validate.value = ''; } } function quoteCommet(fid) { document.feedback.fid.value = fid; } LoadCommets(1); </script><!-- //评论内容区结束 --> <div class="pages mt-40" style="position: static; margin-top: 40px;"> <div id="pages"></div> </div> </div> </div> <div class="rightSize"> <div class="other wbg"> <div class="title f-16 mb-10"> 相关推荐 </div> <a href="http://www.521zixue.com/diannaobangong/qgjsj/" class="recommend"><div class="coursePic"><img title="全国计算机一级速成培训视频" src="/uploads/201126/1-20112613024Q31.png"></div><div class="courseInfo"><p class="f-12 c-999"><span>全国计算机一级速成培训视频</span></p></div></a> <a href="http://www.521zixue.com/tupianshipin/AU/" class="recommend"><div class="coursePic"><img title="AU教程——全套教程，音频后期教程" src="/uploads/201126/1-201126131256136.png"></div><div class="courseInfo"><p class="f-12 c-999"><span>AU教程——全套教程，音频后期教程</span></p></div></a> <a href="http://www.521zixue.com/jixiesheji/pringBoot/" class="recommend"><div class="coursePic"><img title="pringBoot最新教程——IDEA版" src="/uploads/201126/1-20112613220OP.png"></div><div class="courseInfo"><p class="f-12 c-999"><span>pringBoot最新教程——IDEA版</span></p></div></a> <a href="http://www.521zixue.com/wangyesheji/CSSsc/" class="recommend"><div class="coursePic"><img title="为初学者指路——CSS速成" src="/uploads/201126/1-201126140QN25.png"></div><div class="courseInfo"><p class="f-12 c-999"><span>为初学者指路——CSS速成</span></p></div></a> </div> </div> <div style="clear: both"></div> </div> <!--脚部--> <footer> <div class="content-box"> <div class="pl-20 pr-20 pt-10 text-l"> <div class="links nopic pt-10"> <span class="f-14 va-t mr-10" style="width: 80px; display: inline-block">友情链接：</span> <a href='http://www.baidu.com/' target='_blank'>百度</a> </div> </div> <div class="pl-20 pr-20 pt-20 text-c"> <div class="Navbar"> <a href="http://www.521zixue.com/guanyuwomen/guanyuwangzhan/">关于网站</a> <a href="http://www.521zixue.com/guanyuwomen/guanyuwomen/">关于我们</a> <a href="/sitemap.xml">网站地图</a> </div> </div> <div class="pl-20 pr-20 pt-10 text-c"> 本站所有视频均来自互联网，仅供学习参考使用，如果侵权，请第一时间联系我们进行处理，谢谢！ 备案编号:<a target="_blank" href="http://www.beian.miit.gov.cn/">豫ICP备20023804号-2</a> </div> <div class="pl-20 pr-20 pt-10 pb-20 text-c"> <a href="#" target="_blank"> <img src="/NewAn/Content/Image/footPic1.png"></a> <a href="#" target="_blank"> <img src="/NewAn/Content/Image/footPic2.png"></a> </div> </div> </footer> <div class="commonFunctions"> <div class="pos-r"> <a class="wx Btn" onmouseenter="$(this).parents('div').find('.Modal').show();" onmouseleave="$(this).parents('div').find('.Modal').hide();"> <span><img class="va-m mb-10" src="/Contents/Images/wxIcon.png"></span> </a> <div class="Modal"></div> </div> <div class="mt-5"> <a class="qq Btn" href="tencent://message/?uin=&Site=&Menu-=yes" target="_blank"><span> <img class="va-m" src="/Contents/Images/qqIcon.png"></span></a> </div> <div class="mt-5"> <a class="goTop Btn" href="javascript:;" onclick="$('html,body').animate({scrollTop: 0}, 500)"><span> <img class="va-m" src="/Contents/Images/upArrowIcon.png"></span></a> </div> </div> <div style="width:300px;margin:0 auto; padding:20px 0;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41072402000192" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="/tubiao.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">豫公网安备 41072402000192号</p></a> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5ee84563b4109f6c12f829dd25ca7944"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script charset="utf-8" type="text/javascript"> var PageIndex=1; $(function () { //调整右侧浮动框位置 $(".commonFunctions").css("right", ($(document).width() - $(".content-box1200").outerWidth()) / 2 - 100 + "px").show(); $(window).resize(function () { $(".commonFunctions").css("right", ($(document).width() - $(".content-box1200").outerWidth()) / 2 - 100 + "px"); }); $(".commonFunctions a").on("mouseenter", function () { var _this = $(this); if (_this.hasClass("wx")) _this.find("span").html("官方<br>微信"); else if (_this.hasClass("qq")) _this.find("span").html("官方<br>QQ"); else if (_this.hasClass("download")) _this.find("span").html("APP<br>下载"); else if (_this.hasClass("goTop")) _this.find("span").html("返回<br>顶部"); }).on("mouseleave", function () { var _this = $(this); if (_this.hasClass("wx")) _this.find("span").html("<img class=\"va-m mb-10\" src=\"/Contents/Images/wxIcon.png\">"); else if (_this.hasClass("qq")) _this.find("span").html("<img class=\"va-m mb-10\" src=\"/Contents/Images/qqIcon.png\">"); else if (_this.hasClass("download")) _this.find("span").html("<img class=\"va-m mb-10\" src=\"/Contents/Images/mobileIcon.png\">"); else if (_this.hasClass("goTop")) _this.find("span").html("<img class=\"va-m mb-10\" src=\"/Contents/Images/upArrowIcon.png\">"); }); //专业分类折叠 $("#courseTypes").on("mouseenter", function () { var _this = $(this); $(".courseTypes").fadeIn("fast"); _this.find("i").removeClass("Hui-iconfont-arrow2-top").addClass("Hui-iconfont-arrow2-bottom"); }).on("mouseleave", function () { var _this = $(this); $(".courseTypes").hide(); _this.find("i").removeClass("Hui-iconfont-arrow2-bottom").addClass(" Hui-iconfont-arrow2-top"); }); }); </script> </body> </html>