js不含空格正则表达式这篇文章主要为大家详细介绍了js仿百度(3)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持梦搏网络。

JavaScript实现图像模糊化的方法实例

[8757]

前言

众所周知一幅完整的图像，是由红色、绿色、蓝色三个通道组成的。红色、绿色、蓝色三个通道的缩览图都是以灰度显示的。js不含空格正则表达式用不同的灰度色阶来表示" 红，绿，蓝"在图像中的比重。通道中的纯白，代表了该色光在此处为最高亮度，亮度级别是255。

模糊化方法：

就是将一个像素点的R（G，B）和它周围像素点的R（G，B）取出,然后取平均值再赋给这个像素点的R（G，B）;这样就完成模糊化了；

例：

1 2 3

4 5 6

7 8 9

比如这个像素点5，把5像素点和周围的8个像素点（1,2,3,4,6,7,8,9）的R(G,B)取出,取这9个点的平均值然后赋给5像素点

R(5) = (R1+R2+R3+R4+R5+R6+R7+R8+R9)/9;

G(5) = (G1+G2+G3+G4+G5+G6+G7+G8+G9)/9;

B(5) = (B1+B2+B3+B4+B5+B6+B7+B8+B9)/9;

效果图：

实例代码

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

JS轮播图中缓动函数的封装

[8756]

轮播图的根本其实就是缓动函数的封装，如果说轮播图是一辆跑动的汽车，那么缓动函数就是它的发动机，今天本文章就带大家由简入繁，封装属于自己的缓动函数~~

我们从需求的角度开始，首先给出一个简单需求：

1、我想让页面中的一个盒子从开始的位置匀速向右运动到200px的地方，该怎么实现？

分析：

1）我们需要知道盒子在哪个地方，这个可以通过offsetLeft属性去获取；

2）要让盒子匀速运动，对于js肯定需要setInterval了；

3）要让盒子向右边跑起来？那就是需要不停改变盒子与左边起始点的距离，有margin-left，还有定位的left，这里我选择了改变绝对定位的left；

4）跑到离开始点200px的距离我们要停下来，使用clearInterval就可以了。

接下来直接上代码了

2、一个初步运动的效果实现了，那么接下来我们改进了需求：

盒子运动到200px的位置后，我们要让盒子继续运动到400px的位置？

分析：

1）、这时候要有两个按钮点击，一个运动到200px，一个运动到400px

2）、虽然有两个运动，但是其使用的功能都是一样，都是从一个点移动到另一个点，所以我们考虑将1中的运动封装一个函数，以供复用。

上代码~

3、盒子来回运动的函数我们封装好了，但是我们再想一下轮播图的滚动效果，它并不是匀速移动，而是最开始很块，在接近滚动完成时，速度又逐渐减低。

需求： 让盒子缓动（也就是变速运动）

上代码~

好了，一个轮播图需要的最基本的缓动函数完成了~

这里补充一个比较完整的缓动函数：它的功能更全面一点，可以同时更改多样式。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持梦搏网络。

JavaScript实现星级评分

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-86161-3.html