![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 72
愷訫
这个作者很懒,什么都没留下…
展开
-
程序员方式原生表白网页
开发工具与关键技术:DW-Css3-Javascript作者:Mr_恺撰写时间:2019.01.19原生表白网页 **在日常的生活中,我们男生是不是都有一个心目中的女神或者喜欢的女孩呢? 因为怕给拒绝或者胆小,而只能偷偷的暗恋,关注她的一举一动,且不敢对她表白,现在用我们程序员的方法教你大胆的表白:**先给一个包括全部内容yinzang的div盒子,里面放h1标签和放一个...原创 2019-01-20 20:42:32 · 1469 阅读 · 8 评论 -
ECharts图形
开发工具与关键技术:Vs作者:Mr_恺撰写时间:2019年6月16日做项目时,有一个需求就是查询出来的数据要通过图形的状态显示出来,好比如:扇形图,柱状图,折线图等等显示给用户看,估计大部分人都是通过echarts这个插件实现功能的,这个插件官网里面有文档和实例等,关键的是我们能在官网里面调试好我们想要的图形形状,然后复制代码直接粘贴赋值给它。现在用一个扇形图作为一个例子:先引进echa...原创 2019-06-17 22:40:33 · 132 阅读 · 0 评论 -
火狐兼容拖拽回收删除
火狐兼容拖拽回收删除开发工具与关键技术:DW作者:Mr_恺撰写时间:2019.05.25在之前是搞了一个只能兼容谷歌浏览器的拖拽回收删除,且在火狐浏览器上是没效果的,要兼容火狐浏览器就要用到拖拽事件它本身的一个对象dataTransfer设置它的属性,在这里面其实布局是很简单的,关键还是Js的部分Html布局:Css样式:布局效果:然后我们就要动态的添加”draggable...原创 2019-05-28 08:43:05 · 139 阅读 · 0 评论 -
拖拽回收删除
拖拽回收删除开发工具与关键技术:DW作者:Mr_恺撰写时间:2019.05.21我们玩电脑的人肯定知道,假如电脑上有一个文件我不想要了,直接拖拽到回收站里面去删除,但这么简单的操作你们有没有想过是怎么后台写出来的吗?不会的人是不是感觉的很难呢?感觉到难那你就错了,其实它是非常简单的,让我们来一起学习一下吧。Html布局:Css样式:布局的效果:接下来就用到如下的事件:上次...原创 2019-05-28 08:39:30 · 272 阅读 · 0 评论 -
H5拖拽事件
H5拖拽事件开发工具与关键技术:DW作者:Mr_恺撰写时间:2019.05.15上次写了原生Js的拖拽事件,现在写一个Html5的拖拽事件,看看他们之间的区别到底在哪呢?先来Html布局:Css样式:布局效果:就把它当作一个窗体H5拖拽事件就不像原生js拖拽那样,要其它事件组合起来才能实现,H5拖拽直接用一个事件就可以完成。来写JS的代码:其实我们也可以不用减去100...原创 2019-05-16 20:24:24 · 1413 阅读 · 0 评论 -
原生Js拖拽事件
原生Js拖拽事件开发工具与关键技术:DW作者:Mr_恺撰写时间:2019.05.12在日常生活中,我们经常上网浏览点击某个东西它就跳出一个窗体,并且可以拖拽它动来动去,但你们有没有想过这个是怎样完成的呢?其实实现这个功能是有很多种方法,现在我用一个原生Js来做为一个例子。先来Html布局:Css样式:布局效果:就把它当作一个窗体Js就是实现拖拽的关键:实现原生js拖拽事件是通...原创 2019-05-16 20:07:26 · 297 阅读 · 0 评论 -
table表格隔行高亮显示
开发工具与关键技术:DW作者:Mr_恺撰写时间:2019.02.28在这里面高亮就是利用了伪类的效果用table表格进行布局:Css样式设置:效果:当我们鼠标移入第一行时没有高亮的效果,其实这是一个非常简单的制作,把第一行的背景颜色比高亮的颜色深一点覆盖过去就行了,按此设置下去就能实现隔行高亮显示。...原创 2019-04-01 08:29:04 · 667 阅读 · 0 评论 -
加载小球动画
开发工具与关键技术:DW作者:Mr_恺撰写时间:2019.02.16在浏览网页的时候,当网络卡的时候,就会出现加载的图标,如:这是其中的一种加载图标,那就让我们一起来做这个图标吧先Html布局:小球Css样式:效果:给小球设置动画效果和调用:自定义的过渡效果的速度曲线:就是这样就能完成了加载的图标。...原创 2019-04-01 08:25:50 · 217 阅读 · 0 评论 -
怪兽吃豆动画
开发工具与关键技术:DW作者:Mr_恺撰写时间:2019.01.27在日常浏览网页中可以看到怪兽吃豆动画,现在让我们一起制作吧如:因为放不进视频,为了你们能看见效果,只能搞GIF格式的图片,GIF录制时有间隔的,录出的效果不是很好哈,请谅解,能看出效果就行HTML布局:怪兽1 css样式:设置动画效果:怪兽1效果:怪兽2 css样式:设置动画效果:怪兽2...原创 2019-04-01 08:15:35 · 180 阅读 · 1 评论 -
如何实现做一个简单的返回顶部效果按钮
如何实现做一个简单的返回顶部效果按钮开发工具与关键技术:DW—jquery作者:Mr_恺撰写时间:2019.01.17我们是不是在浏览网页的时候,可以看到网页右下都会有一个“返回顶部”的按钮,点击它就回能回到顶部,那么怎样实现返回顶部的效果呢?先HTML布局,用一个content的div存内容,a标签做返回顶部的图标然后设置一下css样式,把返回图标定位这是直接粗鲁的方法就是在...原创 2019-01-17 09:31:02 · 5133 阅读 · 2 评论 -
改变内联样式
开发工具与关键技术:Vs作者:Mr_恺撰写时间:2019年7月17日估计很多人都想我一样,为了的时候觉得方便,把样式添加到标签内,但之后修改样式的时候起来真心麻烦,因为内联样式优先级高,再引入css覆盖样式不起作用或者在页面这样写内部样式也是覆盖不了之前的样式:后来才发现有能覆盖掉内联样式的方法。就是加上!important,它可以改变样式优先级,降低内联样式的优...原创 2019-07-17 21:41:16 · 611 阅读 · 0 评论