导航:首页 > 编程语言 > 滤镜插件js

滤镜插件js

发布时间:2021-10-25 07:38:32

❶ I6使用js滤镜让PNG24背景图片透明,是可以正常透明,但是文件引入到frame框架中,页面显示空白,没有内容

是的,你可以去引用js,很好用,用框架我试过,是不可以的的,

❷ JS控制CSS滤镜代码

<IMG id="myimg" style="FILTER:Alpha(Opacity='0');" height="200" src="你的抄图片路径" width="200"><input type="button" value="测试" onclick="test()">
<script>
<!--
var op=0;
function test(){
if(op<=100){
document.getElementById("myimg").filters.alpha.opacity=op;
op+=10;//这个数值你可以自己设.就是每次不透明度增加量
setTimeout(test,100);//这个时间你可以自己改.以毫秒为单位的.数字越小越快
}
}
//-->
</script>

javaSCRIPT动态滤镜

由于同一个标签可以设置多个滤镜的(比如加阴影的同时还可以有动画切换效果),所以就要用数组咯,filters[0]表示第一个滤镜。

❹ js+css滤镜设置:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' http://')是什么意思

很多大型网站上都使用到了这个滤镜,它是IE滤镜的一种,其主要作用就是对图片进行透明处理。虽然FireFox和IE7以上的IE浏览器已经支持透明的PNG图片,但是就IE5-IE6而言还是有一定的意义。
语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
属性:
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。
true : 默认值。滤镜激活。 false : 滤镜被禁止。
sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
crop : 剪切图片以适应对象尺寸。
image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale : 缩放图片以适应对象的尺寸边界。
src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
特性:
Enabled : 可读写。布尔值(Boolean)。参阅 enabled 属性。
sizingMethod : 可读写。字符串(String)。参阅 sizingMethod 属性。
src : 可读写。字符串(String)。参阅 src 属性。
说明:
在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。
PNG(Portable Network Graphics)格式的图片的透明度不妨碍你选择文本。也就是说,你可以选择显示在PNG(Portable Network Graphics)格式的图片完全透明区域后面的内容。
示例:
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rain1977.gif',sizingMethod='scale');}
.dream{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/earglobe.gif');}
P.S. 当想使用backgroundimage属性时,如果不想让图片原尺寸显示,而是类似于IMG width=100% heigth=100% 的效果,可以通过此filter实现。
Example:
span.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg', sizingMethod='scale')";

就是先让FF正常显示该图片,然后,用*或_ 来清除IE下的显示效果,最后用*或_ 来做以上的滤镜效果。大功告成!
以上是官方的说明。事实上实际操作中需要注意:AlphaImageLoader滤镜会导致该区域的链接和按钮无效,一般情况下的解决办法是为链接或按钮添加:position:relative使其相对浮动要注意的是,当加载滤镜的区域的父层有position:absolute绝对定位的时候使用position:relative也不能使链接复原。建议使用浮动办法处理。
具体操作:
为预览区域(比如要在某个 div 中预览)添加样式:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。
为 AlphaImageLoader 设置 src 属性。

❺ js或者jQuery有类似css的wave滤镜的效果的吗

直接用js和jq也不好实现。。可以试试看看用canvas。。

❻ ie6不支持滤镜么,js里面只要有filters就执行不了,请问有没什么办法解决

1. 你可以给这段代码加上
try catch
2. 你可以判断,如果是ie6,就不执行filters

❼ js 图片切换加滤镜效果,但是其中属性失效

revealTrans是css中图片切换的动态滤镜啊它能产生23种动态效果,更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。
两个参数Transition和Duration,分别是变换效果和持续时间,其中Duration是浮点数。

此外还有两个属性Enabled和Percent分别是是否激活滤镜和当前静态滤镜输出在转换进程中所处的点。

设置完后还需要运行apply和play方法,分别是应用变换效果和运行效果

下面列出所有效果和对应Transition值(参考手册):

值 : 效果

0 : 矩形收缩转换。

1 : 矩形扩张转换。

2 : 圆形收缩转换。

3 : 圆形扩张转换。

4 : 向上擦除。

5 : 向下擦除。

6 : 向右擦除。

7 : 向左擦除。

8 : 纵向百叶窗转换。

9 : 横向百叶窗转换。

10 : 国际象棋棋盘横向转换。

11 : 国际象棋棋盘纵向转换。

12 : 随机杂点干扰转换。

13 : 左右关门效果转换。

14 : 左右开门效果转换。

15 : 上下关门效果转换。

16 : 上下开门效果转换。

17 : 从右上角到左下角的锯齿边覆盖效果转换。

18 : 从右下角到左上角的锯齿边覆盖效果转换。

19 : 从左上角到右下角的锯齿边覆盖效果转换。

20 : 从左下角到右上角的锯齿边覆盖效果转换。

21 : 随机横线条转换。

22 : 随机竖线条转换。

23 : 随机使用上面可能的值转换。

其中23比较特别,是随机效果,程序默认就是随机效果。

RevealTrans使用方法:style="FILTER: revealTrans(ration=2,transition=6)" 但是这个方法只对Ie有用,对firefox不起作用,我们可以在javascript里面这样设置用以过滤掉firefox:

if(navigator.appName == "Microsoft Internet Explorer"){

image.filters.revealTrans.Transition=23;

image.filters.revealTrans.ration=10;

}

这样,firefox依旧能正常执行以下语句。

或者,在火狐下添加IE tab plus插件 转化!

具体使用时要注意:

当你在网页中动态改变图片的连接地址时,请在地址改变前使用此滤镜。

这样,在页面的现实效果是,前一个图片会残留滤镜的作用时间,就像是新图片一点一点替换原图片一样。

❽ 请问CSS的滤镜效果属于什么 JS特效吗

不是js,只是一个css样式。有时候有些浏览器不支持。最常用的就是设置层半透明,样内式为:
div{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; background:#fff;}
background:#fff; 背景白色。可以容换成任何你需要的颜色
filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; 调节层的透明度,60、0.6、0.6是透明度,数字越小,透明度越高,数字越大透明度越低,最大是1,表示不透明。
打字不易,请采纳

❾ js可以给border设置滤镜效果么

不明白你的问题。
首先,“滤镜”这个概念是IE中独有的;
其次,“滤镜内”这个东西是CSS里面独有的;但容通过JS可以动态控制CSS样式。
因此,你要的“滤镜”效果到底是个啥效果?

边框目前可以实现的有边框颜色、边框样式(如实线、虚线等)、边框粗细。
一些支持CSS3的新浏览器中,还可以实现投影、圆角、渐变和边框图片,这些东西都是由CSS来实现的,也可以通过JS来控制,如果你需要的效果包含其中,那么可以实现;如果没有包含其中,那么能否实现就得看你具体需求了,CSS实现不了的东西,或许有其它方案可以做到。

❿ js 控制CSS滤镜

实际上你可以把滤镜那个层先定义好,隐藏掉。然后再 事件里面只需用js控制dispaly属性就行。

麻烦采纳,谢谢!

阅读全文

与滤镜插件js相关的资料

热点内容
6s如何设置app切换 浏览:724
西门子编程软件在官方网站哪里找 浏览:511
大数据社会调研报告 浏览:172
数据中的属性有哪些类型 浏览:176
苹果6手机支付宝加密 浏览:480
大数据的内涵以下理解 浏览:92
word2007组合 浏览:643
定向士官在什么网站报志愿填报 浏览:332
hyp是什么文件格式 浏览:720
编程哪里学靠谱 浏览:224
vfp数据库文件是哪个 浏览:694
移动数据已停用怎么解决 浏览:541
小米2s升级miui7耗电 浏览:837
文件资源管理器最近使用文件找不到 浏览:539
sublimetext文件名乱码 浏览:792
安徽宝德网络技术 浏览:44
计算机编程编码怎么回事 浏览:802
订阅号的文件在哪里找 浏览:850
dw图片左右切换代码 浏览:943
ppt文件磁盘损坏怎么修复工具 浏览:632

友情链接