前端
文章平均质量分 87
CC_小硕
这个作者很懒,什么都没留下…
展开
-
纯CSS控制背景图片100%自适应填充布局
原文:http://www.uedsc.com/css-background-size-100.html解决:[html] view plain copy html,body{height: 100%;width: 100%;margin:0;padding:0;} body{ background:url(bg-logi转载 2017-05-04 14:21:17 · 7262 阅读 · 0 评论 -
小程序 开发问题 记录
小程序switch 大小无法直接改变 可使用 css : zoom 属性.wx-switch-input{zoom: 0.8;}// 或者 .wx-switch-input{width:42px !important;height:20px !important;}.wx-switch-input::before{width:41px !important;height: 2...原创 2018-12-18 17:00:08 · 199 阅读 · 0 评论 -
js 函数记录
日期加减var n = 0;dayChange(0)$("#time-add").click(function(){ n++; dayChange(n);})$("#time-less").click(function(){ n--; dayChange(n);})function dayChange(n){ var now = new Date()...原创 2018-12-17 11:38:37 · 195 阅读 · 0 评论 -
html5 video 手机端视频播放全屏显示
html5 video 手机端全屏显示废话不多说上代码html video 不支持video 编译后在页面内部播放视频而不会跳出使用系统播放器全屏播放视频了。而且z-index属性也可以正常定义,使其他元素可以覆盖在视频上面css : 保持画面的原有比例#my-video{ object-fit: cover; o原创 2017-08-10 11:19:09 · 49769 阅读 · 8 评论 -
一个css特效
/** * Copyright (c) 2016 hustcc * License: MIT * Version: v1.0.1 * GitHub: https://github.com/hustcc/canvas-nest.js**/!function(){function n(n,e,t){return n.getAttribute(e)||t}function e(n){retu原创 2017-08-15 16:25:39 · 635 阅读 · 0 评论 -
css3 @keyframes 动画规则学习
如需在 CSS3 中创建动画,您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果实例@keyframes myfirst{from {background: red;}to {background: yellow;}}@-moz-keyfram原创 2017-08-10 16:26:18 · 681 阅读 · 0 评论 -
CSS content换行技术实现字符animation loading效果
一、之前我的字符loading实现关于字符打点动画实现,我之前使用过box-shadow模拟,还有border+background模拟,还有使用text-shadow实现,以及今年自认为是最好的实现的利用CSS3 ch单位的实现,在“等宽字体在web布局中应用以及CSS3 ch单位”这篇文章有介绍,demo在这里,效果类似下面(偷懒,非真实截图,以前做的图):然后,我转载 2017-08-10 16:00:56 · 342 阅读 · 0 评论 -
半深入理解CSS3 object-position/object-fit属性
半深入理解CSS3 object-position/object-fit属性这篇文章发布于 2015年03月15日,星期日,22:35,归类于 css相关。 阅读 46749 次, 今日 28 次原文地址:http://www.zhangxinxu.com/wordpress/?p=4676一、春来了,春来了~帘外雨潺潺,春意阑珊。奇怪,为何我要写个转载 2017-08-10 11:17:26 · 1503 阅读 · 0 评论 -
javaScript & jquery完美判断图片是否加载完毕
-------------------------------------------------------------众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax的请求。在服务端生成item列表后,通过 js append到相应的div里边。看起来很简单的样子,关键问题就出在图片的加载问题上,图片一般都放在服务器上,通过http下载到客户端。例转载 2017-08-09 13:34:14 · 856 阅读 · 0 评论 -
手机上如何让页面强制横屏
首先准备一段html内容: div id="content"> p>谁说html5不能横屏的。。。p> p>我就是要横屏。。。p> p>要横屏。。。p> p>横屏。。。p> p>屏。。。p> p>图片也是可以的。img src="http://img001.photo.21cn.com/photos/album/20120904/o/6A7转载 2017-08-09 13:26:36 · 38978 阅读 · 2 评论 -
jQuery 动画
本节主要降级和学习jQuery的自动显隐,渐入渐出、飞入飞出。自定义动画等。1.显示和隐藏hide()和show()对于动画来说,显示和隐藏是最基本的效果之一,本节简单介绍jquery的显示和隐藏。script type="text/javascript"> $(function() { $("input:first").转载 2017-08-08 14:15:30 · 315 阅读 · 0 评论 -
CSS3中width属性的calc()使用
平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元 素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这 些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都将 会把元素盒子撑破(标准模式下,除I转载 2017-08-08 11:51:49 · 19279 阅读 · 0 评论 -
javascript/js 原生动态引入外部css文件及动态插入css代码片段
动态创建css样式有两种方式:1.引入外部css文件 2.插入css代码片段 动态插入css外部文件的方法:function loadStyle(url){var link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; link.hr转载 2017-08-08 11:37:11 · 338 阅读 · 0 评论 -
angularjs结合localstorage完成一个简单的备忘录
准备工作用bower安装需要的js:bower install angularbower install angular-local-storagehtml中引用bower_components下对应的js文件:说明:npm也可以,直接下载相应js文件或者用cdn也是ok的…通过angularjs Directive扩展index.html翻译 2017-07-04 11:52:14 · 442 阅读 · 0 评论 -
自定义 文件上传按钮样式
摘要: 本文讲的是html自定义文件上传控件样式input:file方法总结, 例1 一千个浏览器就有一千个默认控件样式 如何自定义文件上传控件 <input type=’file’> 样式? 原理:把浏览器提供的默认控件样式隐藏,给控件外框添加自定义样式。兼容性:兼容所有浏览器。 HTM例1 一千个浏览器就有一千个默认控件样式转载 2017-05-09 18:06:54 · 5032 阅读 · 0 评论 -
小程序echarts+canvasdrawer实现页面转化图片
//业务层代码let that = this // 保存图片到临时的本地文件 //注意chart初始化实例不能输出图片 const ecComponent = this.selectComponent('#mychart-dom-graph');//获取echarts组件 ecComponent.canvasToTempFilePath({ //安卓机型...转载 2019-05-22 17:10:25 · 2909 阅读 · 1 评论