03 2022 档案
摘要:效果: HTML: <div class="copybox"> <div class="copybox_left">UNZYXK</div> <div class="copybox_right">复制</div> </div> JS: <!-- 复制按钮 --> <script> $(".copyb
阅读全文
摘要:我的效果: HTML: JS: <!-- 分页 --> <script> /** * 分页函数 * pno--页数 * psize--每页显示记录数 * 分页部分是从真实数据行开始,因而存在加减某个常数,以确定真正的记录数 * 纯js分页实质是数据行全部加载,通过是否显示属性完成分页功能 **/ f
阅读全文
摘要:html: <input id="pwd1" type="password" placeholder="设置登录密码" class="in_input"> <input id="pwd2" type="password" onkeyup="validate()" placeholder="重复登录密
阅读全文
摘要:效果: 代码: html: <!-- 验证码2 --> <div class="loginbox_in"> <div class="loginbox_in_icon2"> <img src="images/login2_06.jpg" /> </div> <div class="loginbox_i
阅读全文
摘要:text-transform: uppercase; 参考链接:https://www.w3school.com.cn/cssref/pr_text_text-transform.asp
阅读全文
摘要:效果: 代码: <!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
阅读全文
摘要:.humanbox_imgson { position: absolute; width: 90%; top: 5%; left: 5%; border-radius: 20vw; overflow: hidden; } .humanbox_imgson:hover img { transform:
阅读全文
摘要:一、打开“百度地图生成器”的网址: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
阅读全文