![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js+jq
金翅
这个作者很懒,什么都没留下…
展开
-
垂直分类左右联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2023-11-17 11:37:27 · 156 阅读 · 0 评论 -
购物车抛物线效果
【代码】购物车抛物线效果。原创 2022-10-24 17:13:06 · 161 阅读 · 0 评论 -
js获取十位时间戳
【代码】js获取十位时间戳。原创 2022-09-14 10:36:57 · 3859 阅读 · 0 评论 -
全世界国家中英文名称以及地区区号json格式【资源】
[ { "country_id": 100006, "country_code": 244, "country_name_en": "Angola", "country_name_cn": "安哥拉", "ab": "AO" }, { "country_id": 100007, "country_code": 93, "country_name原创 2022-05-07 11:51:18 · 3845 阅读 · 0 评论 -
在特定时间段内显示隐藏,判断日期活动是否开启结束
//每月18日显示dataTime() { let stamp = new Date().getTime(); let year = new Date().getFullYear(); let month = new Date().getMonth() + 1; let start_date = `${year}-${month}-18 00:00:00`; let end_date = `${year}-${month}-18 23:59:59`; //开始时间原创 2022-04-24 13:49:03 · 334 阅读 · 0 评论 -
jq防连击
<div id="show">显示测试结果:</div> <div style="background:#f60;color:#fff;width:80px;padding:10px 20px;" id="div" >点击我吧</div>let isclick = true$('#div').click(function(){ if(isclick){ isclick = false consol...原创 2022-02-09 13:51:53 · 306 阅读 · 0 评论 -
防止快速连续点击按钮重复提交数据定时器方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><转载 2022-02-09 10:12:13 · 201 阅读 · 0 评论 -
filter map reduce some every 方法简单运用
/* 需求: 1.取出价格大于10的商品 2.大于10的商品打五折 3.取出打折后的总数 */ let goods = [30, 80, 50, 1, 9, 8, 10, 40, 20, 12]; // 1.取出价格大于10的商品 // filter 过滤 let goods1 = good.原创 2022-01-14 11:24:38 · 223 阅读 · 0 评论 -
文本域粘贴图片
<div class="us_textArea js_text js_textarea" contenteditable="true" onpaste="return pasteListener(event, true)"></div>//文本域粘贴图片function pasteListener(event, isLimit) { $.each(event.clipboardData.items, function(index, item) { if(原创 2021-12-28 09:33:35 · 815 阅读 · 0 评论 -
jq tab切换
$(".js_us_tab").click(function() { $(this).addClass("us_tabAct").siblings().removeClass("us_tabAct"); $(".js_us_container").eq($(this).index()).show().siblings().hide(); });原创 2021-12-28 09:20:38 · 284 阅读 · 0 评论 -
css模拟switch效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /* 开关的大小*/ .switch-container { height: 24px;原创 2021-12-20 16:02:47 · 286 阅读 · 0 评论 -
锚点滚动对应导航高亮显示,导航超出滚动状态跟随
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .btn{ position:fixed; right:10%; top:20%; } .btn a{ display:block; width:80px; text-align:center; color原创 2021-11-15 15:48:24 · 1372 阅读 · 0 评论 -
判断浏览当前页面倒计时几秒
<!doctype html><html><head> <meta charset="utf-8"> <title>判断浏览当前页面倒计时几秒</title> <meta name="keywords" content=""> <meta name="description" content=""> <script src="js/jquery-3.2.1.min.js"><原创 2021-06-25 11:34:07 · 126 阅读 · 0 评论 -
移动端h5仿微信语音功能
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="multipart/form-data; charset=iso-8859-1"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-...原创 2021-05-14 15:21:04 · 1317 阅读 · 0 评论 -
文本域输入框允许粘贴图片
<div class="flex_textarea js_textarea" contenteditable="true" onpaste="return pasteListener(event, true)"></div>function pasteListener(event, isLimit) { $.each(event.clipboardData.items, function(index, item) { if(item.kind == "f.原创 2021-05-14 14:19:53 · 984 阅读 · 0 评论 -
回车键发送 shift+enter 换行
$(".js_textarea").keyup(function(event){ let code = event.keyCode; let shift = event.shiftKey if(shift && code==13){ event.cancelBubble=true; event.preventDefault(); event.stopPropagation(); }else if (code==13原创 2021-05-14 14:17:05 · 1155 阅读 · 0 评论 -
移动端通用loading
<!-- js_accredit_landing_box显示隐藏 默认隐藏 --><div class="js_accredit_landing_box"> <div class="accredit_landing_box"> <div class="accredit_landing"> <img class="accredit_landing_img" src="img/accredit_landing原创 2020-12-18 10:39:58 · 388 阅读 · 0 评论 -
前端单选复选美化icheck插件使用
<script src="js/jquery.js"></script><script src="js/icheck.js"></script><div class="skin-square"> <ul class="list"> <li> <input type="checkbox" id="ic-2" name="ic" value="2" class="jscheck"> <l原创 2020-12-18 10:32:51 · 169 阅读 · 0 评论 -
pc/mobile前端一键复制粘贴
官网地址<script type="text/javascript" src="js/clipboard.min.js"></script>var clipboard = new ClipboardJS('.js_copy', {//复制按钮绑定js_copy类 target: function(target) { return target.previousElementSibling;//前一个兄弟元素 }});<div> <原创 2020-12-18 10:24:12 · 175 阅读 · 1 评论 -
密码明密文
<li> <span>密码</span> <input class="card_listInput1" type="password" /> <img class="js_loginEye" src="img/close_eyes.png" /></li>$('.js_loginEye').click(function(){ if($(this).attr("src")=="img/close_eyes.png"){原创 2020-12-18 10:19:05 · 142 阅读 · 0 评论 -
jq ajax简单使用方法
json{ "list": [ { "id": 1, "img": "mobile_img/img.png", "title": "香肠派对", "describe": "v8.66版本S4赛季“疯狂实验室”上线 ,彩虹岛突现水晶矿脉,全新点位“实验室”从天外飞来,香肠派…",...原创 2020-04-07 10:02:59 · 335 阅读 · 0 评论