HTML5
文章平均质量分 94
f清风q
这个作者很懒,什么都没留下…
展开
-
JS实现无缝切换轮播图(自动+手动)
说起轮播图,大家应该都不陌生,各大购物网站和面试题里都能看到它的身影。实现上也并不困难,而写这篇文章是想整理一下自己心血来潮写的代码,以及实现过程中的一些思考,大家也可以顺便复习巩固一下。今天给大家带来的是过渡动画等效果都由JS实现的无缝轮播图。CSS实现轮播图等以后再写。原创 2020-07-01 08:12:18 · 50015 阅读 · 23 评论 -
HTML/CSS 自定义开关按钮控件(switch)样式
今天这篇文章给大家带来的是在移动端很常见的开关控件。样式主要是通过CSS来定制完成,上一篇博客讲的是自定义滑动条的样式,同样是自定义样式,上一篇是直接通过CSS对 input[type="range"] 进行样式改造,而今天这一篇实现思路是上一次提到过的另一种方案,将input控件隐藏,通过其他标签来完成样式的定制。这样做的好处就在于更加的灵活,这是我们今天所要达到的效果。下面就让我们一起来看看怎原创 2016-07-15 10:57:38 · 77512 阅读 · 19 评论 -
HTML5/JavaScript 图像自动Gamma校正 — 打造图像处理类库第一步
今天为大家带来的是一篇关于图像Gamma校正的文章1. 关于Gamma(伽马)1.1 什么是Gamma1.2 什么是Gamma校正1.3 为什么需要Gamma校正2. 如何实现Gamma校正原创 2016-10-31 23:47:57 · 7061 阅读 · 3 评论 -
自定义(滑动条)input[type="range"]样式
这是我的第一篇博文,也是我这个小白努力的起点。刚接触JavaScript没多久,如果文中有错误的地方欢迎大家指正,或者给予建议,让我能逐渐向大牛靠拢。今天这篇文章给大家带来的是关于美化Slider Bar的相关内容。Range是HTML5中新出现的滑块控件,也是常见的控件的之一,不过这个控件的原始样式略丑,所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本并不支原创 2016-06-02 00:55:28 · 129944 阅读 · 30 评论 -
HTML5/JavaScript 图像边缘羽化— 打造图像处理类库第二步
由于之前略忙,主要也还是因为自己太懒,拖了好久才把这篇博客写完。这篇博客是关于图像边缘羽化(柔化)的,也是 JavaScript 图像处理这一系列的第二篇。上一篇是关于Gamma校正的,有兴趣的朋友可以看看: HTML5/JavaScript 图像自动Gamma校正 — 打造图像处理类库第一步 按照习惯,我们还是先来看看,今天这篇文章最后所要达到的图像边缘羽化效果:原创 2017-02-28 23:51:37 · 12290 阅读 · 2 评论