- 博客(7)
- 收藏
- 关注
原创 c3的transition实现鼠标移入的时候盒子变透明,鼠标移出时盒子不透明
思路:在鼠标没有移入的时候设置transition和opcity为1,在鼠标移入的时候也设置transition和opcity为0.5上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co...
2019-04-09 23:35:06
805
原创 a链接跳转到新的窗口
1、在当前页打开 target_self <a href="http://www.baidu.com" target="_self" rel="noopener noreferrer">当前窗口打开</a> <!-- 当前窗口打开 -->2、在新的窗口打开 <a href="http://" target="_blank" rel=...
2019-03-26 22:29:01
15836
1
原创 setTimeout 和 setInterval 的区别
setTimeout 和 setInterval都是计时器,只是setTimeout 只是执行一次,而setInterval执行多次。更加详细的解释,请看代码实现。 首先是setTimeout var timeId = setTimeout(() => { console.log("我是一条咸鱼"); }, 20...
2018-07-25 08:37:36
249
原创 Vuejs使用scoped(私有) style为v-html中标签添加CSS样式
最近使用Vue框架的时候遇到一个问题,就是后台把数据写好了,而且写好的数据的某些内容是html格式的,使用Vue框架的v-html虽然可以很简单的就把数据转换成html的标签渲染在页面上,但是有些样式得自己去微调,这时候就会发现,样式根本就无法调试,上网查了些资料,总算弄明白了。其实只要给选择器添加上 `>>>`这个玩意就行了,但是我也遇到一些问题这样子,直接在属性第...
2018-07-24 11:04:17
2238
原创 c3实现无限旋转
一直以为网易云音乐的那个转盘挺难实现的,接触了c3之后,发现,这简单到令人发指 html:部分<div id="xuanzhun" style="width: 100px; height: 100px; background-color: aquamarine;margin: 0 auto;border-radius: 50%;"> css:部分#xuanzhu...
2018-07-18 09:02:38
2872
原创 怎么让一个不定宽高的div水平居中,垂直水平居中?
一开始,我看到这个问题的时候,心里想这么简单,不就是margin:0 auto吗,再仔细看题目的时候,我去,不定宽高,什么鬼,于是,只能自己动手,亲手实验了。1、利用弹性布局,这是我认为最简单的且容易理解的方法html:<body> <div class="one"> <div class="two">wo</div> ...
2018-07-13 08:41:17
9409
1
原创 利用c3属性实现图片的放大缩小
html:自定义一个盒子和一张图片<div><img src="./02.jpg"></div>css:利用c3的缩放属性scalscale<style> //定义盒子的大小,不要忘记隐藏 div { width: 200px; height: 100px; ...
2018-07-12 08:20:32
3281
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人