用Java小程序为网页上的照片添加效果

原创 2001年05月25日 14:01:00
       很多网友喜欢在自己的网上家园里“悬挂”上自己的照片。应该说,单纯地将照片静静地放在网页上,已经是过去的事情了。现在,人们喜欢让照片带上一些特别的效果。Java小程序是增加照片效果的很好的方式。

  1.准备源文件

  选择要放置到网页上的照片,用扫描仪扫描得到照片的图像文件,再用PhotoShop等图像处理软件处理成大小为300×300象素的图像,最后保存为或者使用ACESee等图像查看软件转换为.jpg格式,保存到新建的文件夹photo中(注意千万别使用汉字为这个文件夹命名)。现在假设这些照片图像分别为photo1.jpg、photo2.jpg、photo3.jpg。其中photo1.jpg为主要照片,photo2.jpg和photo3.jpg为辅助照片,最好选择不同时期的照片以反映个人的全貌。为了让别人了解你,还可以制作一个HTML格式的说明文件,包含一些必要的说明信息。这里设这个文件为note.htm,同样也要将这个文件保存到photo文件夹中。

  2.准备HTML编辑器

  古语云:工欲善其事必先利其器。

  为了使用Java代码来编制网页,需要有一个HTML代码编辑器。推荐使用Web Weaver 98。这个程序可以从网上下载,这个程序是于1999年2月1日上网的1.02版本,下载绝对路径名为ftp://ftp.simtel.net/pub/simtelnet/win95/html/webwv982.zip,下载大小约为3.7M。大家也可以到Download站点(http://www.download.com)中,利用上面提供的搜索功能,以Web weaver为关键词搜索得到Web Weaver 98的下载链接,下载结束后将程序安装好,工具就算备齐了。

  3.制作带有不同效果的Java小程序的网页文件

  制作带有Java小程序网页的过程比较简单,只要将相应的Java代码输入到HTML编辑器中,而后将文档存为HTML格式(这里设以下两种效果的HTML文件分别为effect1.htm和effect2.htm),保存到photo文件夹中即可。

  (1)有位佳人在水的一方

  “碧草苍苍,白雾茫茫,有位佳人,在水一方…”

  歌中的境界其实也可以在网页上实现。现在假设照片上的你就是一位佳人,通过下面的代码即可使你在水中若隐若现。

  <center>
  <applet archive="AnWater.jar" code="AnWater.class" width="300" height="300">
  <param name="credits" value="Applet by Fabio Ciucci (www.anfyjava.com)">
  <param name="res" value="1">
  <param name="image" value="photo1.jpg">
  <param name="light" value="YES">
  <param name="minlight" value="0">
  <param name="maxlight" value="100">
  <param name="autodesign" value="YES">
  <param name="density" value="5">
  <param name="fishnum" value="0">
  <param name="cross" value="NO">
  <param name="crossfactor" value="30">
  <param name="rainsize" value="0">
  <param name="rainfactor" value="10">
  <param name="srainsize" value="0">
  <param name="srainfactor" value="10">
  <param name="fixdrop" value="NO">
  <param name="fixdropX" value="0">
  <param name="fixdropY" value="0">
  <param name="fixdropS" value="0">
  <param name="fixdropF" value="0">
  <param name="pressure" value="400">
  <param name="fluidmode" value="water">
  <param name="interactive" value="YES">
  <param name="overimg" value="NO">
  <param name="overimgX" value="0">
  <param name="overimgY" value="0">
  <param name="textscroll" value="NO">
  <param name="regcode" value="NO">
  <param name="reglink" value="NO">
  <param name="regnewframe" value="NO">
  <param name="regframename" value="_blank">
  <param name="statusmsg" value="Water applet">
  <param name="memdelay" value="1000">
  <param name="priority" value="3">
  <param name="MinSYNC" value="10">
  Sorry, your browser doesn't support Java.
  </applet>
  </center>

  (2)显示3张不同时期的照片

  将下面的Java代码插入到网页的HTML代码中,即可实现3幅照片轮流翻开,单击任何一个都将链接到photonote.htm网页进而阅读其中的说明信息。

  <center>
  <applet archive="bookflip.jar" code="bookflip.class" width="300" height="300">
  <param name="credits" value="Applet by Fabio Ciucci (www.anfyjava.com)">
  <param name="res" value="1">
  <param name="image1" value="photo1.jpg">
  <param name="link1" value="note.htm">
  <param name="statusmsg1" value="anfy 1">
  <param name="flip1" value="4">
  <param name="image2" value="photo2.jpg">
  <param name="link2" value="note.htm">
  <param name="statusmsg2" value="anfy 2">
  <param name="flip2" value="2">
  <param name="image3" value="photo3.jpg">
  <param name="link3" value="note.htm">
  <param name="statusmsg3" value="anfy 3">
  <param name="flip3" value="7">
  <param name="speed" value="4">
  <param name="pause" value="1000">
  <param name="extrah" value="80">
  <param name="flipcurve" value="2">
  <param name="shading" value="0">
  <param name="backR" value="64">
  <param name="backG" value="96">
  <param name="backB" value="160">
  <param name="overimg" value="NO">
  <param name="overimgX" value="0">
  <param name="overimgY" value="0">
  <param name="regcode" value="NO">
  <param name="regnewframe" value="NO">
  <param name="regframename" value="_blank">
  <param name="memdelay" value="1000">
  <param name="priority" value="3">
  <param name="MinSYNC" value="10">
  Sorry, your browser doesn't support Java.
  </applet>
  </center>
  以上是两种效果的Java小程序代码。记得将插入这些代码的HTML文件保存到photo文件夹中。

  4..获得其余必要的支持文件

  到网络上下载一个叫做Anfy Java 1.4的工具软件。下载的绝对路径名为ftp://ftp.digital.com/pub/micro/pc/simtelnet/win95/java/anjava14.zip,下载大小是3227K。也可以到Download站点以anfy java为关键词搜索得到其下载链接。将这个工具软件安装好以后,到文件夹C:/Program Files/Anfy Team/Anfy Java/Applet/bookflip中找到Bookflip.class、Anfy.class、Lware.class、Bookflip.jar以及AnWater.class、AnWater.jar等.class文件将其拷贝到photo文件夹中。支持文件也准备好了。

  5.测试与使用相应的网页

  用支持Java效果的浏览器打开制作出来的effect1.htm文件和effect2.htm,就会看到Java小程序构造出来的奇妙效果了。如果对效果不很满意,可以用HTML编辑器重新打开HTML文件,调整相应相应代码段中的各种参数,直到满意为止。

  如果在带有Java小程序的网页中添加一些其它必要的内容,即可形成自己的富有特色的网页。至于是用来做主页还是做从页,就看你的需要了。由于上述的Java代码没有考虑分区效果,而只是将Java效果横向居中显示在浏览器窗口中,所以适合在Java效果的上面或者下面添加一些文字形成主页或者其它具有引导性的网页。

  添加文字或者其它图像的时候,使用Netscape Composer或者FrontPage Express将effect1.htm或者effect2.htm直接打开插入即可。

  最后将photo文件夹中的所有文件上传到主页所在的服务器,设置好相应的链接,他人便可以看到相应的效果了。

如何为图片添加闪烁效果

private void setFlickerAnimation(ImageView iv_chat_head) { final Animation animation = ne...
  • u014608071
  • u014608071
  • 2017年05月07日 19:11
  • 483

HTML5照片晾衣绳效果(HTML5)

HTML5的很多效果都很悬,尤其实现一些动态、3D的效果很酷。 因为兴趣,所以看...
  • aperson111
  • aperson111
  • 2014年07月10日 15:05
  • 1644

在图片上加入图片版权信息

本例子主要是讲如何在上传图片上加入一个版权图片。参数数明:filename, outfilename, copyrightfile如果在web下开发,一定要用虚拟路径。如果是windows桌面程序,就...
  • lrxz
  • lrxz
  • 2004年09月18日 10:04
  • 912

JavaScript使网页显示动态效果并实现与用户交互功能。

style样式   I love JavaScript   JavaScript使网页显示动态效果并实现与用户交互功能。     var ss= document.getEleme...
  • ruiguang21
  • ruiguang21
  • 2017年12月26日 09:56
  • 91

页面中雪花飘落的效果

Windows平台下程序日志的设计和实现(上:设计、实现和应用)  问题:             在很多应用中,需要记录程序运行...
  • yzkzoo
  • yzkzoo
  • 2007年10月22日 17:14
  • 392

非常有趣的Javascript特效,能让网页上的图片飞起来:)

无意中digg上看到的,执行如下步骤就能看到效果:随便打开一个网站,网页上必须有图片,否则没效果,页面打开后清除地址栏中的地址,复制如下代码到地址栏中然后按回车:javascript:R=0; x1=...
  • webdiyer
  • webdiyer
  • 2007年01月15日 12:22
  • 4034

(精)N张图片在网页上循环播放,效果很是不错

 http://www.sina.com.cn --> bbs http://bbs.sina.com.cn -->要完成此效果需要两个步骤第一步:把如下代码加入到区域中-->STYLE>.........
  • W_Andy
  • W_Andy
  • 2007年12月04日 09:32
  • 2331

(项目)页面显示数据为null

首先查看bean层的字段是否跟前台页面获取的一致,如果一致在查看字段是否和数据库的字段一致...
  • yuexianchang
  • yuexianchang
  • 2017年06月23日 06:53
  • 189

外贸网站建设中div宽度设为100%,手机或ipad显示只有980px的解决方法

在外贸网站建设的时候,发现在 iPad 的 Safari 浏览器中背景显示不全,定位到该 div 后发现所指定 css 的宽度为 100%, 到百度搜索后发现,safari 中 viewport 默认...
  • u011097745
  • u011097745
  • 2017年01月16日 15:56
  • 691

Javascript在一个页面实现图片库

思路: 1、通过增加一个“占位符”图片的办法在主页上为图片预留一个浏览区域。 2、在点击导航链接时,拦截这个网页的默认行为。不让其转到另一个窗口。 3、在点击导航俩解释...
  • liuyingshuai_blog
  • liuyingshuai_blog
  • 2017年01月15日 16:36
  • 268
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用Java小程序为网页上的照片添加效果
举报原因:
原因补充:

(最多只允许输入30个字)