网页滤镜没效果
发布网友
发布时间:2022-04-21 09:48
我来回答
共2个回答
热心网友
时间:2022-05-13 02:14
HTML基本代码,咱不多说,相信你也懂……
说说JS部分,
变量 i 是用来代表将要上场的图片的,这段代码控制上场的图片,(这里也有个要求,就是要求你希望上场的图片的名都是类似1.jpg、2.jpg、3,jpg、4.jpg……这样的规则的,并且是放在img这个目录下的)。
这段开始部分的代码,意味着,将要上场的图片最多是11张;
变量 j 是用来代表滤镜效果类型的,所以这个的注释是错误的,应该是“控制滤镜效果随机产生”。
接下来,正如注释所写,是为IMG1这个容器添加滤镜效果的。假如,j=20,那代码不就是了?其中就是添加滤镜的关键代码,函数RevealTrans和其参数Transition,你需要再多去看看相关资料就能明白了。
IE下的滤镜变换效果有很多,似乎总共有22种,这里Transition=20就是选择其中的一种而已嘛,就这么简单。
就是为IMG1这个容器添加图片,不多解释了。
总之,JS部分的代码实现两个功能,第一是为IMG1添加滤镜效果并应用和启动这个效果,第二是添加图片(也就是图片的地址嘛)。你对不懂的地方,我想应该是容器的 filter 属性,你需要自己去查看相关资料了。
最后我要提醒你的是,这个滤镜效果只有在IE下有效,别的浏览器是没任何效果的。
补充:
+i+、+j+:这里的加号是链接符,表示把两边的字符串链接起来;
看源代码中, "img/"+i+".jpg",这里的 i 不就是个变量而已嘛,假如现在i=5,那么这段代码不就是 "img/"+5+".jpg",最后的结果就是 "img/5.jpg"。
“+”号能作为算术运算符,也能作为字符串的链接符,例如++i,j++就是算术运算符,产生的结果是变量自加1吧,又例如"abc"+"def"就是字符串链接符,产生的结果就是把这两个字符串链接起来,结果是"abcdef"。
如果这块你看不懂,我觉得你的程序基础知识似乎还差不少啊,再多看看