2018年01月_wangsq-js

原创 css初始化设置

css初始化/* css fonts */@font-face { font-family: 'fontawesome'; src: url('../fonts/fontawesome-webfont.eot'); src: url('../fonts/fontawesome-webfont.eot#iefix') format('embedded-opentype'),

2018-01-18 22:06:01 519

原创 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 1112

原创 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 1360

原创 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 1026

原创 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 522

原创 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 520

原创 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 235

wangsq-web的博客