丿狂奔的蜗牛

2020年1月6日

摘要：实现效果: 鼠标移到汇款支付时候下边框变成橙色下拉框变化, 移动到融e购时候下半框变成橙色下拉框变化; 一、html部分; <div class="f72"> <div class="a14 cl"> <ul class="wd"> <li class="hhdd" style="border- 阅读全文

posted @ 2020-01-06 10:45 丿狂奔的蜗牛阅读(250) 评论(0) 推荐(0)

2020年1月5日

手机号验证(失去焦点事件)

摘要：一、html部分 <input id="phone" class="fr n1" type="text" placeholder="卡号/账户名/关系账号" > <span id="span" class="n1 non" style="margin-left: 22px; font-size: 1 阅读全文

posted @ 2020-01-05 20:14 丿狂奔的蜗牛阅读(640) 评论(0) 推荐(0)

2020年1月4日

一行来回滚动制作

摘要：一、 html部分: <div class="f75 cl"> <ul> <li class="fl">工行北京分行：贵金属市场交易策略（20191225</li> <li class="fl">工行北京分行：贵金属市场交易策略（20191224）</li> <li class="fl">关于调整如阅读全文

posted @ 2020-01-04 22:37 丿狂奔的蜗牛阅读(197) 评论(0) 推荐(0)

获取验证码

摘要： 1.Html部分 <input type="button" id="btn" name="" class="f28 fr" value="验证码" /> 2.js部分 $(".f28").click(function () { var s = "1234567890ABCDEFGHIGKLMNOPQ 阅读全文

posted @ 2020-01-04 22:21 丿狂奔的蜗牛阅读(342) 评论(0) 推荐(0)

2020年1月3日

css 中图片的放大与缩小

摘要： html css 部分省略; 假如一个图片想让他慢慢放大,再慢慢回原来形状; 错误写法: .d1 img:hover{ transform: scale(1.2); //鼠标移上去图片放大1.2倍; transition: 2s; // +如前面属性放大时候图片2s内放大1.2倍,鼠标离开时瞬间阅读全文

posted @ 2020-01-03 20:47 丿狂奔的蜗牛阅读(1471) 评论(0) 推荐(0)

2019年12月31日

jq写验证码与点击60秒后重新发送验证码

摘要：一.html部分 <div class="f21">获取验证码</div> 二.css部分 //不要忘记引入自己写的css .f21{ height: 36px; line-height: 35px; width: 125px; margin-right: 55px; margin-top: 20p 阅读全文

posted @ 2019-12-31 11:50 丿狂奔的蜗牛阅读(559) 评论(0) 推荐(0)

2019年12月30日

table图制作+滚动条(拉动滚动条时,图标隐藏再拉动时,图片显示)

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-12-30 21:04 丿狂奔的蜗牛阅读(276) 评论(0) 推荐(0)

2019年12月22日

简单计算器制作

摘要：一、html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/com.css"> </head> <body> <div class="wrap">计算阅读全文

posted @ 2019-12-22 20:31 丿狂奔的蜗牛阅读(275) 评论(0) 推荐(0)

2019年12月20日

Html css jq 组合制作全选与全不选

摘要：一、需要制作效果; 要求:点击选择,选择1 选择2全部选中,只点击选择1或选择2 全选不选中,选择1,选择2同时选中时,全选选中; 添加删除一行标签; 编辑里面内容(以张三、李四为例) 二、Html部分: <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文

posted @ 2019-12-20 22:19 丿狂奔的蜗牛阅读(533) 评论(0) 推荐(0)

2019年12月17日

js和jq 3中方法制作table图

摘要：一、前两种方法(html和css不变); ①html中写入</div> <div class="f1"> <div class="f2 cl"> <div class="f4">电脑登录</div> <div class="f4">手机登录</div> <div class="f4">邮箱登录</d 阅读全文

posted @ 2019-12-17 17:02 丿狂奔的蜗牛阅读(261) 评论(0) 推荐(0)

公告