标题:求一个图片周边滤镜特效代码。
只看楼主
stunning
Rank: 1
等 级:新手上路
帖 子:73
专家分:0
注 册:2006-2-3
 问题点数:0 回复次数:2 
求一个图片周边滤镜特效代码。
以前在一个网站上看到过一个js特效,使一张个人的照片呈现一圈滤镜的效果,虽然这样的效果用PS能实现,但是想把多张图片都弄成这样,用PS处理就太麻烦了。请问大家谁有这样的代码?
搜索更多相关主题的帖子: 特效 滤镜 代码 
2006-12-27 22:45
cjy800
Rank: 1
等 级:新手上路
帖 子:15
专家分:0
注 册:2006-12-27
得分:0 

什么样的滤镜效果呢?

我这有个这样的JSP代码:你看看合不合你的理想
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效|Linkweb.cn/Js|---CSS滤镜实现的各种效果</title>
</head>

<body>
刷新看看<br>
<script for=window event=onLoad language=vbscript>
image1.filters.item(0).apply()
image1.filters.item(0).transition = 10
image1.Style.visibility = ""
image1.filters(0).play(2.0)
image2.filters.item(0).apply()
image2.filters.item(0).transition = 11
image2.Style.visibility = ""
image2.filters(0).play(2.0)
image3.filters.item(0).apply()
image3.filters.item(0).transition = 12
image3.Style.visibility = ""
image3.filters(0).play(2.0)
image4.filters.item(0).apply()
image4.filters.item(0).transition = 13
image4.Style.visibility = ""
image4.filters(0).play(2.0)
image5.filters.item(0).apply()
image5.filters.item(0).transition = 14
image5.Style.visibility = ""
image5.filters(0).play(2.0)
image6.filters.item(0).apply()
image6.filters.item(0).transition = 15
image6.Style.visibility = ""
image6.filters(0).play(2.0)
</script>
<img src="images/e.jpg" border=0 id="image1" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="140" height="105">
<br>
<img src="images/e.jpg" border=0 id="image2" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">
<br> <img src="images/e.jpg" border=0 id="image3" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="140" height="105">
<br>
<img src="images/e.jpg" border=0 id="image4" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">
<br> <img src="images/e.jpg" border=0 id="image5" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">
<br>
<img src="images/e.jpg" border=0 id="image6" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">

</body>

</html>

2006-12-30 10:34
cjy800
Rank: 1
等 级:新手上路
帖 子:15
专家分:0
注 册:2006-12-27
得分:0 
[CODE]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效|Linkweb.cn/Js|---CSS滤镜实现的各种效果</title>
</head>

<body>
刷新看看<br>
<script for=window event=onLoad language=vbscript>
image1.filters.item(0).apply()
image1.filters.item(0).transition = 10
image1.Style.visibility = ""
image1.filters(0).play(2.0)
image2.filters.item(0).apply()
image2.filters.item(0).transition = 11
image2.Style.visibility = ""
image2.filters(0).play(2.0)
image3.filters.item(0).apply()
image3.filters.item(0).transition = 12
image3.Style.visibility = ""
image3.filters(0).play(2.0)
image4.filters.item(0).apply()
image4.filters.item(0).transition = 13
image4.Style.visibility = ""
image4.filters(0).play(2.0)
image5.filters.item(0).apply()
image5.filters.item(0).transition = 14
image5.Style.visibility = ""
image5.filters(0).play(2.0)
image6.filters.item(0).apply()
image6.filters.item(0).transition = 15
image6.Style.visibility = ""
image6.filters(0).play(2.0)
</script>
<img src="images/e.jpg" border=0 id="image1" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="140" height="105">
<br>
<img src="images/e.jpg" border=0 id="image2" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">
<br> <img src="images/e.jpg" border=0 id="image3" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="140" height="105">
<br>
<img src="images/e.jpg" border=0 id="image4" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">
<br> <img src="images/e.jpg" border=0 id="image5" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">
<br>
<img src="images/e.jpg" border=0 id="image6" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">

</body>

</html>

[/CODE]
2006-12-30 10:38



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-112590-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.015612 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved