随笔分类 - 事件
摘要：效果： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0
阅读全文
摘要：效果： 代码： var photo=$(".photobox_son>div"); for(var i=0; photo.eq(i).val()==0;i++){ var left = Math.floor( Math.random() * 760 + 40 ); var top = Math.fl
阅读全文
摘要：一、打开“百度地图生成器”的网址：http://api.map.baidu.com/lbsapi/creatmap/index.html 一顿操作之后，复制代码，保存html 二、在需要地图的位置，插入这行代码（长宽大小可以自定义） <iframe src="map.html" class="con
阅读全文
摘要：因为要跟生日选择的样式一样，自己自定义不了select标签，所以用div结构配合js代码写，可能我基础不太好，自己都觉得代码有点绕，如果有更简便的写法，欢迎各路大佬能帮我指出 效果： HTML结构： <div class="textbigbox"> <div class="textbigbox_on
阅读全文
摘要：效果： html： <div class="textbigbox"> <div class="textbigbox_one"> <div class="textbigbox_left">出生日期：</div> <div class="textbigbox_rightsmall">必须与身份证出生日期
阅读全文
摘要：参考链接：https://www.cnblogs.com/xiaohaodeboke/p/11878601.html <div class="textbigbox_two"> <div class="textbigbox_aaa"> <div class="textbigbox_aaa_son">选
阅读全文
摘要：JS 控制文本框只能输入数字： <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^
阅读全文
摘要：效果展示： HTML： <!-- 3、咨询分钟 --> <div class="buymain_body_son"> <div class="buymain_body_son_left">咨询分钟</div> <div class="buymain_body_son_right"> <div id=
阅读全文
摘要：HTML: <input type="tel" class="capital mui-input-clear" value="0.00"> <div class="redbag_box4_son">￥0.00</div> JS: $(document).ready(function(){ // 限制
阅读全文
摘要：效果： js代码： swiper.on('slideChangeTransitionEnd', function () { var txt = $('.swptest_bot_right').html(); var snum = swiper.activeIndex+1; console.log(s
阅读全文
摘要：效果： HTML代码： <!-- 1手机绑定 --> <div class="memberuser_box"> <div class="memberuser_box_left">手机绑定</div> <div class="memberuser_box_right"> <div id="phonen
阅读全文
摘要：预期效果（页面1）： 点击后显示对应的内容（页面2）： HTML（页面1）： 添加 onclick 跟 data-index <!-- 3我的订单 --> <div class="member_box3"> <div class="member_box3_top"> <div class="memb
阅读全文
摘要：效果： HTML： <!-- 添加分组按钮 --> <div class="group_add" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').sty
阅读全文
摘要：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; 参考链接：https://www.cnblogs.com/gopark/p/8875655.html
阅读全文
摘要：function jumpSearch() { window.location.href="search.html"; } 参考链接：https://zhidao.baidu.com/question/139415087465376285.html
阅读全文
摘要：<!-- 10置顶 --> <div class="totop"> <img src="images/totop.png" /> </div> <script> $(function() { $(window).scroll(function() { var scroHei = $(window).
阅读全文
摘要：前端： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca
阅读全文
摘要：素材来源：https://www.lanrenzhijia.com/others/5024.html 简单说下我自己的步骤： 把<script type="text/javascript" src="js/jquery.js"></script> 替换成<script type="text/java
阅读全文
摘要：/** * 判断访问类型是电脑还是手机 */ $(function(){ var mobile_flag = isMobile(); // true为PC端，false为手机端 if(mobile_flag){ // window.location.href = " https://www.baid
阅读全文
摘要：参考来源： https://www.bilibili.com/video/BV1ux411d75J?p=168&spm_id_from=pageDriver
阅读全文
