财经社区女性社区汽车社区军事社区文学社区社会社区娱乐社区游戏社区个人空间
上一主题：春天的阳光（天骄日记2007.03.31） 下一主题：[长篇小说连载]大地上的异乡人（...
奇妙的代码功能------图片的倒影效果
[楼主] 作者:小月清风  发表时间:2007/03/31 23:49
 收藏 修改 加精 置顶 锁定 标题 来源 删除
点击:544次

     在网页制作的时候,有时候会用到倒影的效果,用代码来做这个效果很简便. 效果如下图

 

原来的图片 

 

 

代码处理后的效果 

 
 
 
代码:
 
<div>
<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 520px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www5.freep.cn/photo5/070331/23/0703312318014785.JPG" mce_src="http://www5.freep.cn/photo5/070331/23/0703312318014785.JPG"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 520px; COLOR: #3333ff; HEIGHT: 30px"><IMG src="http://www5.freep.cn/photo5/070331/23/0703312318014785.JPG" mce_src="http://www5.freep.cn/photo5/070331/23/0703312318014785.JPG">
</P></FONT></FONT>
</div>
本帖地址：http://club.xilu.com/deichun/msgview-10363-152414.html[复制地址]
上一主题：春天的阳光（天骄日记2007.03.31） 下一主题：[长篇小说连载]大地上的异乡人（...
 [2楼]  作者:单纯女人  发表时间: 2007/04/01 00:16 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

趁热打铁现场学学

 

老师等看啊，呵呵



※※※※※※
我手写我心，我歌咏我情
我梦抒我爱，我情言我志
 [3楼]  作者:单纯女人  发表时间: 2007/04/01 00:21 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

俺居住区附近的初夏景色

[本帖已被小月清风于2007年4月2日0时38分11秒修改过]

 [4楼]  作者:单纯女人  发表时间: 2007/04/01 00:34 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

西陆系统又搞了鬼？

 

明明看到了倒影呀，再去网络选张图试试



※※※※※※
我手写我心，我歌咏我情
我梦抒我爱，我情言我志
 [5楼]  作者:窝槽一马郎  发表时间: 2007/04/01 00:54 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

回复：看看啥叫倒影呢-呵呵!


※※※※※※
document.write(unescape("%3Cimg%20src%3D%22http%3A//www.hotik.com/sign.png%22%20border%3D%220%22%3E"));
 [6楼]  作者:单纯女人  发表时间: 2007/04/01 01:10 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

窝槽的代码

 

<SCRIPT>
<!--
document.write(unescape("%3Ccenter%3E%3Cimg%20id%3D%22reflect%22%20src%3D%22http%3A//www5.freep.cn/photo5/070331/23/0703312318014785.JPG%22%3E%3Cbr%3E%0D%0A%3Cscript%20language%3D%22JavaScript1.2%22%3E%0D%0Afunction%20f1%28%29%7B%0D%0AsetInterval%28%22mdiv.filters.wave.phase+%3D10%22%2C100%29%3B%0D%0A%7D%0D%0Aif%20%28document.all%29%7B%0D%0Adocument.write%28%27%3Cimg%20id%3Dmdiv%20src%3D%22%27+document.all.reflect.src+%27%22%20style%3D%22filter%3Awave%28strength%3D3%2Cfreq%3D3%2Cphase%3D0%2Clightstrength%3D30%29%20%20blur%28%29%20flipv%28%29%22%3E%27%29%0D%0Awindow.onload%3Df1%0D%0A%7D%0D%0A%3C/script%3E%0D%0A"));
//-->
</SCRIPT>
<BR><BR><FONT color=#ff0000>※※※※※※</FONT><BR><FONT color=#8000ff>
<SCRIPT>document.write(unescape("%3Cimg%20src%3D%22http%3A//www.hotik.com/sign.png%22%20border%3D%220%22%3E"));</SCRIPT>
</FONT>



※※※※※※
我手写我心，我歌咏我情
我梦抒我爱，我情言我志
 [7楼]  作者:窝槽一马郎  发表时间: 2007/04/01 01:16 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

回复：好久没有见了,问好!


※※※※※※
document.write(unescape("%3Cimg%20src%3D%22http%3A//www.hotik.com/sign.png%22%20border%3D%220%22%3E"));
 [8楼]  作者:单纯女人  发表时间: 2007/04/01 01:35 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

是好久了，忙啥呢总不见面！

 

  呵呵，这效果很奇妙  ：）



※※※※※※
我手写我心，我歌咏我情
我梦抒我爱，我情言我志
 [9楼]  作者:云中渺  发表时间: 2007/04/01 19:25 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

嘿嘿:我们是家乡人啊?
是这样的吗?小弟?

※※※※※※
[楼主]  [10楼]  作者:小月清风  发表时间: 2007/04/02 01:50 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

回复：谢谢珍贵的礼物,请教此方法为什么没有予览?
<SCRIPT>
<!--
document.write(unescape("%3CSCRIPT%20language%3DJavaScript%3E%0D%0Avar%20d%3D0%0D%0Afunction%20JM_fade%28ob%29%7B%0D%0Aif%20%28d%3D%3D0%29%20%7Bob.filters.alpha.opacity+%3D1%7D%20else%20%7Bob.filters.alpha.opacity-%3D1%7D%0D%0Aif%20%28ob.filters.alpha.opacity%3D%3D100%29%7Bd%3D1%3B%7D%20else%20if%20%28ob.filters.alpha.opacity%3D%3D0%29%7Bd%3D0%7D%0D%0A%7D%0D%0AsetInterval%28%22JM_fade%28u%29%22%2C10%29%0D%0A%3C/SCRIPT%3E%0D%0A%3CIMG%20style%3D%22FILTER%3A%20alpha%28opacity%3D0%29%22%20%20src%3D%22http://www.yunnan-flower.org.cn/pict/16001200/newflower761_1600.jpg%22%20name%3Du%3E"));
//-->
[楼主]  [11楼]  作者:小月清风  发表时间: 2007/04/02 02:26 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

回复：已经为你做了修改
 [12楼]  作者:218.59.225.*  发表时间: 2007/04/02 02:39 
回复 修改 来源 删除

哇，月兄爱琢磨

 

 有心人容易成事，我就没整出来，呵呵，谢谢！

[楼主]  [13楼]  作者:小月清风  发表时间: 2007/04/02 02:53 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

这段代码不要, 

</SCRIPT>
<BR><BR><FONT color=#ff0000>※※※※※※</FONT><BR><FONT color=#8000ff>
<SCRIPT>document.write(unescape("%3Cimg%20src%3D%22http%3A//www.hotik.com/sign.png%22%20border%3D%220%22%3E"));</SCRIPT>
</FONT>

 [14楼]  作者:搬石头砸别人脚  发表时间: 2007/04/02 11:25 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

回复：哈哈,你好粗心啊,你看到的地址是你的,他怎么会让你看到他的~

那上面的所有数据,谁看到的就是谁的~嘿嘿

精彩推荐>>

  简捷回复 [点此进入编辑器回帖页]  文明上网 理性发言
 推荐到西陆名言:
签  名: 一 二 三 无
作  者:
密  码:
游客来访 
注册用户 提 交
西陆网(www.xilu.com )版权所有 点击拥有西陆免费论坛  联系西陆小精灵

0.15670490264893