实现图片多变化的显像效果代码

最新推荐文章于 2024-07-22 08:55:10 发布

yashira

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量864

点赞数

分类专栏：开发周遍文章标签： filter border javascript delay function 照片

开发周遍专栏收录该内容

6 篇文章 0 订阅

订阅专栏

实现图片多变化的显像效果代码
以下是代码片段：
<body>
<script language="javascript">

</script></CENTER>
<script language="javascript">

</script>

</body>

说明:
1:以上照片地址修改成自己的.
2:要求片片大小可随意,当然一致会更漂亮些
3:照片可以随意按顺序增加,

以下是代码片段：
1：彩色图片变黑白:

<img src=图片地址 style="filter:gray();" border=0 width=图片宽 height=图片高>

//以上代码加在<body>...</body>之间
2：图片的左右反转:

<img src=图片地址 style="filter:fliph();" border=0 width=图片宽 height=图片高>

//以上代码加在<body>...</body>之间

3：图片的上下反转:

<img src=图片地址 style="filter:flipv();" border=0 width=图片宽 height=图片高>

//以上代码加在<body>...</body>之间

4：图片的透明化:

<img src=图片地址 style="filter: alpha(opacity=45,finishopacity=45);" border=0 width=图片宽 height=图片高>
//修改opacity=45,finishopacity=45处的数字,来决定透明度。
//以上代码加在<body>...</body>之间

5：图片的颜色反转:

拷贝下列代码?

<img src=图片地址 style="filter:invert;" border=0 width=图片宽 height=图片高>

//以上代码加在<body>...</body>之间

yashira

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现图片多变化的显像效果代码

实现图片多变化的显像效果代码以下是代码片段：if (document.all){document.write();}//-->if (document.all){pics=new Array("图片地址1","图片地址2","图片地址3","图片地址4","图片地址5")//后面可任意增加//Transition speed. 4000 = 4 seconds etc.delay=4000;
复制链接

扫一扫

专栏目录