03 2022 档案

摘要:效果: HTML: <div class="copybox"> <div class="copybox_left">UNZYXK</div> <div class="copybox_right">复制</div> </div> JS: <!-- 复制按钮 --> <script> $(".copyb 阅读全文
posted @ 2022-03-31 15:53 宅女二二 阅读(1258) 评论(0) 推荐(0) 编辑
摘要:我的效果: HTML: JS: <!-- 分页 --> <script> /** * 分页函数 * pno--页数 * psize--每页显示记录数 * 分页部分是从真实数据行开始,因而存在加减某个常数,以确定真正的记录数 * 纯js分页实质是数据行全部加载,通过是否显示属性完成分页功能 **/ f 阅读全文
posted @ 2022-03-28 17:51 宅女二二 阅读(247) 评论(0) 推荐(0) 编辑
摘要:html: <input id="pwd1" type="password" placeholder="设置登录密码" class="in_input"> <input id="pwd2" type="password" onkeyup="validate()" placeholder="重复登录密 阅读全文
posted @ 2022-03-24 16:37 宅女二二 阅读(772) 评论(1) 推荐(0) 编辑
摘要:效果: 代码: html: <!-- 验证码2 --> <div class="loginbox_in"> <div class="loginbox_in_icon2"> <img src="images/login2_06.jpg" /> </div> <div class="loginbox_i 阅读全文
posted @ 2022-03-24 15:29 宅女二二 阅读(1059) 评论(0) 推荐(0) 编辑
摘要:text-transform: uppercase; 参考链接:https://www.w3school.com.cn/cssref/pr_text_text-transform.asp 阅读全文
posted @ 2022-03-23 09:24 宅女二二 阅读(41) 评论(0) 推荐(0) 编辑
摘要:效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 阅读全文
posted @ 2022-03-22 16:57 宅女二二 阅读(256) 评论(0) 推荐(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 阅读全文
posted @ 2022-03-22 16:43 宅女二二 阅读(244) 评论(0) 推荐(0) 编辑
摘要:.humanbox_imgson { position: absolute; width: 90%; top: 5%; left: 5%; border-radius: 20vw; overflow: hidden; } .humanbox_imgson:hover img { transform: 阅读全文
posted @ 2022-03-22 14:53 宅女二二 阅读(169) 评论(0) 推荐(0) 编辑
摘要:一、打开“百度地图生成器”的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html 一顿操作之后,复制代码,保存html 二、在需要地图的位置,插入这行代码(长宽大小可以自定义) <iframe src="map.html" class="con 阅读全文
posted @ 2022-03-15 15:12 宅女二二 阅读(413) 评论(0) 推荐(0) 编辑
摘要:因为要跟生日选择的样式一样,自己自定义不了select标签,所以用div结构配合js代码写,可能我基础不太好,自己都觉得代码有点绕,如果有更简便的写法,欢迎各路大佬能帮我指出 效果: HTML结构: <div class="textbigbox"> <div class="textbigbox_on 阅读全文
posted @ 2022-03-09 14:33 宅女二二 阅读(73) 评论(0) 推荐(0) 编辑
摘要:效果: html: <div class="textbigbox"> <div class="textbigbox_one"> <div class="textbigbox_left">出生日期:</div> <div class="textbigbox_rightsmall">必须与身份证出生日期 阅读全文
posted @ 2022-03-08 13:59 宅女二二 阅读(220) 评论(0) 推荐(0) 编辑
摘要:参考链接:https://www.cnblogs.com/xiaohaodeboke/p/11878601.html <div class="textbigbox_two"> <div class="textbigbox_aaa"> <div class="textbigbox_aaa_son">选 阅读全文
posted @ 2022-03-07 16:28 宅女二二 阅读(330) 评论(0) 推荐(0) 编辑
摘要:JS 控制文本框只能输入数字: <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^ 阅读全文
posted @ 2022-03-07 13:59 宅女二二 阅读(566) 评论(0) 推荐(0) 编辑
摘要:效果展示: HTML: <!-- 3、咨询分钟 --> <div class="buymain_body_son"> <div class="buymain_body_son_left">咨询分钟</div> <div class="buymain_body_son_right"> <div id= 阅读全文
posted @ 2022-03-05 15:33 宅女二二 阅读(90) 评论(0) 推荐(0) 编辑
摘要:HTML: <input type="tel" class="capital mui-input-clear" value="0.00"> <div class="redbag_box4_son">¥0.00</div> JS: $(document).ready(function(){ // 限制 阅读全文
posted @ 2022-03-05 10:54 宅女二二 阅读(260) 评论(0) 推荐(0) 编辑
摘要:效果: js代码: swiper.on('slideChangeTransitionEnd', function () { var txt = $('.swptest_bot_right').html(); var snum = swiper.activeIndex+1; console.log(s 阅读全文
posted @ 2022-03-01 15:04 宅女二二 阅读(396) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示