前端
文章平均质量分 64
程序媛-且行且学
打不倒的程序媛。
展开
-
使用html+css实现TAB标签的效果
<!DOCTYPE html><html><head> <title>1</title> <style type="text/css"> input, section {clear: both;display: none;} label{float: left;line-height: 40px;margin-top: 7px;} label a{ ...原创 2020-12-05 17:01:51 · 515 阅读 · 0 评论 -
jQuery中使用append追加元素事件无效的解决方法
<!-- 新增成员 --> <div class="dy_boxes"> <!-- <div class="dy_box"> <div class="weui-cells__title" style="margin-top:5px;"> 成员 <a href="javascript:;" class="weui-btn weui-bt...原创 2020-09-19 17:12:26 · 1107 阅读 · 0 评论 -
前端细节知识,方便自己使用记录
1、a标签链接打电话<a href="tel:18888888888">紧急联系电话</a>原创 2020-09-17 10:42:30 · 58 阅读 · 0 评论 -
html前端,点击获取手机验证码的倒计时
点击获取验证码的按钮,然后验证码框变成了倒计时计数$('.getCode').on('click', function() { var self = $(this); countdown(self); }); var countdownNum = 60; // 倒计时 function countdown(obj) { if(countdownNum == 0) {.原创 2020-09-17 10:27:19 · 987 阅读 · 0 评论 -
a链接跳出Iframe框架
<a href="admin_logout.php" target="_top" class="list-group-item"><i class="glyphicon glyphicon-log-in" style="margin-right:50px;"></i>退出登录</a>原创 2020-09-05 17:06:41 · 279 阅读 · 0 评论 -
jquery跳出某方法
在jquery中,执行过程中如果想要彻底跳出某方法,可以使用throw SyntaxError('执行错误')它与return false的区别是:return false跳出的是当前循环的执行;throw SyntaxError('执行错误')跳出的则是整个方法的执行案例:在下面的案例中,如果选择执行【return false】跳出的只是each的循环,如果选择执行的是【throw SyntaxError('执行错误')】跳出的则是function这个方法;functio...原创 2020-09-01 18:06:19 · 1296 阅读 · 0 评论 -
使用css实现圆形进度条循环转圈
<!DOCTYPE html><html><head><title></title><style type="text/css"> body{ background-color:#00f; } a{ text-decoration:none; color:#000; } .circleProgress_wrapper{ wid...原创 2020-08-25 15:16:55 · 762 阅读 · 0 评论 -
使用js实现页面定时跳转
<!-- 倒计时 --><!-- 设置页面几秒以后自动跳转 -->function countDown(secs,surl){ if(--secs>0){ setTimeout("countDown("+secs+",'"+surl+"')",1000); } else{ location.href=surl; } }countDown(24,"{:...原创 2020-08-25 15:09:19 · 406 阅读 · 0 评论 -
使用layer实现简易弹窗效果
https://layer.layui.com/使用文档链接:https://www.layui.com/doc/modules/layer.htmllayer.js下载地址:https://layer.layui.com/原创 2020-08-21 18:09:31 · 138 阅读 · 0 评论 -
使用css修改滚动条样式
/*滚动条样式*/ ul::-webkit-scrollbar { /*width: 1px; */ height:3px; /*height: 4px;*/ } ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2); backgroun...原创 2020-08-12 17:06:46 · 100 阅读 · 0 评论 -
图表学习 echart
参考:https://how2j.cn/k/chartjs/chartjs-line/2058.html原创 2020-08-02 18:14:30 · 100 阅读 · 0 评论