javascript 插件
wangsq-js
这个作者很懒,什么都没留下…
展开
-
javaScript 美化radio
模拟radio 效果实现插件效果可以复制,不会相互影响css样式.radio label{padding: 10px 5px;display: inline-block;cursor: pointer;}.radio label span{width: 12px;height: 12px;display: inline-block;float: left;border-rad原创 2018-01-11 12:24:03 · 237 阅读 · 0 评论 -
javaScript 美化上传文件框(加预览移除效果)
美化上传文件按钮,并预览预览关键代码inp.onchange=function(){ var reader = new FileReader(); reader.onloadend = function(e){ img.src=e.target.result; } reader.readAsDataURL(this.原创 2018-01-11 20:38:41 · 530 阅读 · 0 评论 -
JavaScript 美化滑块
美化滑块(拖动)隐藏原有的range 同步valuehtml lang="en">head> meta charset="UTF-8"> title>滑块title> style> .len{ width: 300px; height: 6px; background: #6原创 2018-01-12 19:42:04 · 1029 阅读 · 0 评论 -
javaScript 星级评价效果
使用input hidden实现以后尽量多谢注释以便理解html lang="en">head> meta charset="UTF-8"> title>星级评价title> style> .spj:after{ content: '';display: block;clear: both;height: 0;visibility: hidden原创 2018-01-13 17:52:33 · 1364 阅读 · 0 评论 -
javaScript 美化上传文件框
美化上传文件按钮隐藏原有的按钮html lang="en">head> meta charset="UTF-8"> title>上传文件框title> style> .file{ display:inline-block; position:relative; overflow:hidden;原创 2018-01-11 15:24:33 · 523 阅读 · 0 评论 -
JavaScript 星级评价(可半星)
背景图片实现图片是width:36px; height:25px; 背景是白色,中间一个空的五角星,空的边缘有一像素的边框;(不然就看不到了);html lang="en">head> meta charset="UTF-8"> title>星级评价(可半星)title> style> .xin{height: 25px; background原创 2018-01-17 21:58:58 · 1123 阅读 · 0 评论 -
关于图形验证码gVerify.js 在同一个页面复用问题
在一个页面如果要使用两个或多个图形验证码在一次项目中,找回密码和注册写在以起的,同时使用两次gVerify.js 图形验证码;当时只有一个有用(点击图片可以切换验证码);在检查了多次后发现原来源码里面把生成的canvas 图形id 固定了(id相同当然会出问题);两行代码解决它;...原创 2018-05-05 14:16:39 · 1133 阅读 · 0 评论 -
手写一个简单的 input date
html 部分<div> <input type="month"></div>css 部分input[type="month"]::-webkit-datetime-edit{ line-height: 32px;}input[type="month"]::-webkit-clear-button{ display: none;}in...原创 2019-05-22 20:42:44 · 521 阅读 · 1 评论