
css
文章平均质量分 65
小猪佩阳
行多久,方显执着,思多久,方能远见。。。。
展开
-
CSS3新特性
最近研究css3一些新的特性,在这里和大家一起学习,一起分享,总的来说,CSS3有一下几大特性:1.原创 2017-07-06 10:22:51 · 436 阅读 · 1 评论 -
web前端pc,mobile复制粘贴功能的实现
第一步:首先将要复制的内容放到一个隐藏的input标签中,不要用type='hidden',利用定位或css将input隐藏第二步:HTML代码片段第三步:引入clipboard.min.js,src路径为点击打开链接 https://pan.baidu.com/s/1sl7aMip,如图:第四步:调用,如图:原创 2017-10-09 17:54:42 · 2604 阅读 · 0 评论 -
web前端分页
web前端分页 pagination-nick button { padding: 5px; margin: 5px; } .active-nick { color: red; } input { width: 50px; text-align: center; }转载 2017-10-24 15:05:50 · 1792 阅读 · 0 评论 -
模拟select下拉实现多选
一、实现效果如下:二、代码如下: 多选 * { padding: 0; margin: 0; } a { text-decoration: none; } li { list-style: none; } #select { width: 300px;原创 2017-11-03 17:37:23 · 1170 阅读 · 0 评论 -
js table表格排序
一:表格排序效果,根据点击表格头部th进行排序,如图:二:示例代码,如下: #tb1 { border: 1px solid #ddd; } #tb1 thead th{ width: 60px; } #tb1 tbody td { border: 1px solid #ddd; width: 60px;原创 2017-11-21 16:35:16 · 1013 阅读 · 0 评论 -
HTML5 canvas电子签名与截图
一:效果图二:页面代码 电子签名截屏 清除 下载 截屏 function convertCanvasToImage(canvas) { return canvas.toDataURL("image/png"); }; fun原创 2017-12-14 09:15:44 · 8702 阅读 · 7 评论 -
穿梭框:HTML5 select 标签模拟穿梭框
一、HTML5 select 标签模拟穿梭框效果二、源码 穿梭框 ::-webkit-scrollbar { width: 0px } .select { width: 600px; height: 220px; margin: 100px auto; } .select div { float: left原创 2017-12-27 15:48:32 · 5703 阅读 · 0 评论 -
input checkbox样式重定义
一:html<div class="deal"> <input type="checkbox" name="checkbox" id="checkbox" checked value=""/> <span></span> <label for="c原创 2018-05-11 10:17:47 · 337 阅读 · 0 评论 -
移动端rem配置(js动态改变和css @media配置)
一:js动态改变rem(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clie...原创 2018-05-11 14:55:46 · 4320 阅读 · 0 评论