公司建站完全手册――特效的运用常州五颜六色网络技术有限公司



» 您尚未登录注册 \| 社区服务 \| 帮助 \| 社区 \| 无图版

常州五颜六色网络技术有限公司 -> 网站建设 -> 公司建站完全手册――特效的运用

XML

WAP

--> 本页主题: 公司建站完全手册――特效的运用

加为IE收藏 | 收藏主题 | 上一主题 | 下一主题

该用户目前不在线

级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07

公司建站完全手册――特效的运用不仅仅是一些个人网站，现如今一些企业网站也“动”感实足，很多特效根本无法用动画软件作出来，而是用JavaScript，JavaApplet等程序语言写出来的。如果你也想在自己或公司的网站上加上一些特效，但是又不懂程序，怎么办？最简单的办法就是去网上找特效代码，网上有很多免费的特效代码，只要你有一点点程序基础，就可以修改一些参数为己所用。这里主要介绍两种特效： Java Applet或者JavaScript。 LZ^0c:r gyx4='Q 一、JAVA　Applet特效的运用 )?qH#>mD6 yccF#zU 　　什么是Java Applet呢？这里稍作解释：Java Applet是用Java编写的一些小程序，可以直接嵌在HTML文件中，以达到一些特殊的效果。我们可以用Java Applet实现一些文字，图片等特效，经常上网的朋友可能看到过一种类似湖面效果的特效，相当逼真，就像真的一样。这就是用Java Applet实现的。Java Applet也可以达到人机交互的效果，比如一张图片，当鼠标移到上面会产生波动，就像现实中手波及水面使得水开始波动。这也可以用Java Applet实现。 di,?` WUesT A> 　　Java Applet要求用户的浏览器支持JAVA。现在一般的浏览器都支持JAVA。所以你大可以放心地在你的网站中用此类的特效。 @cT= t0 H.R7,'9 Java Applet在网页中的基本结构如下： ' +*,\|;? H;(\|&Asq> < applet code=“effect.class” width ＝ 300 height＝300 > Ag#o&Y < param name＝img value="image.gif" > }?vVJm' < /applet > RxZ#`$F 48 \|u{ 　　其中effect.class是就是以JAVA编写的一个特效程序。Width和height是设定在网页中运行时的高度与宽度。Param是特效的一些参数。包含名称（name）跟值（value），比如上面是对图片image.gif应用该特效。

[楼主] \| Posted: 2006-04-04 08:18

该用户目前不在线

级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07

下面举个简单的例子： clwJ+kku@ W"@FRWcd < applet CODE="TypeIt.class" WIDTH=250 HEIGHT=200 > ca!=D $ < param name=TXT value="本站最近更新信息如下： ~GWn> \|1、公司产品栏目新增最新研发的... >,JA=s \|2、公司新闻栏目新增最新公司信息" > JrkjfoN < param name=TXTCOLOR value="ff00ff" >　　　/*　设定文本颜色，这里是紫色　/ D<m+M@u < param name=BGCOLOR value="ffffff" >　　　/　设定背景色　/ N{f4-i~ < param name=TXTHIGHCOLOR value="000000" >　　　/　当鼠标移到Applet上文本的颜色，如图3所示　/ 0H6^2T< < param name=SIZE value="16" >　　　/　设定文本的字号　/ _H41qKS{Ul < param name=PAUSE value="150" >　　　/　每打一个字停顿的时间　/ ,;2x.We < param name=ENDPAUSE value="1000" >　　　/　最后一个字打完以后的停顿时间，然后重复打字　/ $:bU< < param name=LINKTO value="http://www.corpration.com/" >　　　/　设定链接，即当鼠标点击该Applet可以链接到指定地址　/ e[lRY>Pe5 < param name=FONTFACE value="Courier" >　　　/　设定文本的字体　/ +6xEz67A< < param name=STYLE value="BOLD" >　　　/设定文本的字体样式，比如粗体，斜体等*/ KvM}g2" < /applet > e(^\0=u< :!wdqn 　　上面的Applet实现的是打字效果。TypeIt.class是打字效果程序，可以去一些免费特效代码网站去下载。现在将打字效果应用于“本站最近更新信息如下：\|1、公司产品栏目新增最新研发的...\|2、公司新闻栏目新增最新公司信息”这段文字。其中“｜”是分隔各行，即这段文字以三行出现。如图1，图2。其它各参数参见上面代码后面的说明。 ?Q< o-o;B "z^&>#F \y-Lt!} u,d@oF(= 　　这种效果特别适合于企业发布一些重要的，最新的，想让客户尽快了解的信息 <V3N!H_d

[1 楼] \| Posted: 2006-04-04 08:18

该用户目前不在线

级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07

二、JavaScript特效的运用 n%Vt r 0@9.h{s@ 　　JavaScript是内嵌于HTML的一种脚本语言。客户端的JavaScript程序不需要发送到服务器端处理，而直接在客户端的浏览器就能够解释执行。大家知道HTML是静态的，我们可以通过在HTML中嵌入JavaScript程序以达到网页的交互及动态等效果。正因为JavaScript有如此优越的条件，使得在网页中的运用越来越广泛。 j,5TO-j 4s!rrDN 　　JavaScript可以实现的效果有很多，诸如：文本特效、页面特效、菜单按钮特效、状态栏，任务栏特效、还有时间日期，弹出窗口等等。 [8k7-}[ w%no6 ; 　　这里要搞清楚一点，JavaScript不同于JAVA。JAVA与HTML无关，它本身可以单独执行；而JavaScript是内嵌于HTML的。并且JavaScript相对JAVA而言简单，易懂的多。 s^nwF > 4 MVa[0Y JavaScript在网页中的基本结构如下： QY,.\| mW_<c,3D. < SCRIPT LANGUAGE="JavaScript" > "tgaFtC=w function fun1(para1){ Wq[f!@ para1… Y 9eGDpW para2… 9HOdtpQOV } Z6}B}5@y function fun2(para1){ ~;Ga65_6_ para1… zMT0ToG para2… 0u4:=Z}W } .1u"16_ < /SCRIPT > &Bbs\ ; q%=`PCty 　　function是定义函数。其中fun1,fun2就是函数，para1是变量名，也是传递参数。页面中应用时直接将para1替换为你应用的变量。

[2 楼] \| Posted: 2006-04-04 08:19

该用户目前不在线

级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07

下面举个例子简单说明一下JavaScript的结构功能： o$4n D#P3 f1;Pzr < SCRIPT LANGUAGE="JavaScript" > {]~b^=qE$ < !-- Begin j+:q:6= function imgover(imgname){ &eQF[8 , imgname.src = "pic1.gif" w!7f* } xBhfC!AK} function imgout(imgname){ 7p&%0'BO1z imgname.src = "pic2.gif" tL1"Dt> } x68$?CD // End -- > "Y9 r L < /SCRIPT > 'vT XR_D < table border=0 > \?-`?QPux < tr > ~/J:p5?L < td > 08&DP^NS < img name="p1" SRC="pic2.gif" width=20 height=20 border=0 > /#M\|)Vwn < A HREF="profile.htm" onMouseOver="imgover(p1)" onMouseOut="imgout(p1)" >公司简介< /A > le%_[/_I\| < br > D}l^ow < img name="p2" SRC="pic2.gif" width=20 height=20 border=0 > f5+a6s9 < A HREF="product.htm" onMouseOver="imgover(p2)" onMouseOut="imgout(p2)" >公司产品< /A > P?dE\Po7 < br > `#hdb=3 < img name="p3" SRC="pic2.gif" width=20 height=20 border=0 > WC,&p < A HREF="honor.htm" onMouseOver="imgover(p3)" onMouseOut="imgout(p3)" >公司荣誉< /A > Mt)`hR+2 < /td > MzRURH, < /tr > PZ~uHX_d> < /table > 2-i>ymoOS E~xK1x" 　　该段JavaScript代码应用于网页达到的效果如图4，图5，图6，当鼠标移到“公司简介”链接上时，前面的小图标变成图5的样子，同理移到“公司产品”链接时也一样。这样就很明确的告诉浏览者他要去哪个栏目。如果你页面中链接间距很小，当鼠标移到链接上没有任何一点反应，此时浏览者很容易误进不想进的栏目。

[3 楼] \| Posted: 2006-04-04 08:19

该用户目前不在线

级别: 未验证会员
精华: 0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07

这里对上面的JavaScript代码稍作解释，读者便可改变其中的一些参数为自己所用。 S`TP#uzKu] u1O?` 　　函数imgover是指定鼠标移到链接上的事件，imgout是鼠标离开链接的事件。Imgname是个变量名，可以随意取。imgname.src="pic1.gif"是设定当鼠标移到链接上的图片路径及文件名。imgname.src = "pic2.gif"是鼠标离开链接的图片路径及文件名。这里图片跟网页在同一个目录下。所以只要文件名就可以了。下面HTML里引用函数的时候，先给各链接前的图像设定一个名字(p1,p2,p3)，以识别鼠标指在哪个链接，如此才能响应对应的鼠标事件。 #P$=P2o uBw1Xud[YI 　　可能有朋友会说：这个效果只要运用Dreamweaver的Behavior就可以实现。的确可以，可是，如果有很多链接，你要对每一个链接都应用Behavior，是不是繁琐了些呢？这里运用JavaScript的话，直接在HTML中拷贝，粘贴如下面相同代码，修改一些主要参数即可： Q4r)TR, wxEFM)zr < img name="p4" SRC="pic2.gif" width=20 height=20 border=0 > ?U:?o_w < A HREF="profile.htm" onMouseOver="imgover(p4)" onMouseOut="imgout(p4)" >公司文化< /A > TLzg* < /br > 0PD]#.+ < img name="p5" SRC="pic2.gif" width=20 height=20 border=0 > i /R8Gb < A HREF="profile.htm" onMouseOver="imgover(p5)" onMouseOut="imgout(p5)" >公司新闻< /A > Oz!#);v …　… ufm`h) N 4;WeB 是不是很简单，你只要准备两张图片就够了。其它的事情让JavaScript来完成。 !Gsr* F{. RekTWIspT/ 　　这里推荐几个软件：“有声有色”、“主页特效制作百宝箱”、“呼吸小秘书”等等。这些软件包含了很多的网页特效代码，有JavaScript的，也有Java Applet的。有一些效果相当不错，可以去网上下载了试试。如此当你想用特效的时候就无需每次都要跑到网上去找特效代码了。 Gd1%6}<~ 1iEZ9J? 　　JavaScript可以实现的效果很多很多，你是不是按捺不住了？这里笔者提醒一句：虽然JavaScript功能强大，但还是要慎用。效果好，不一定都得用进去，特别是一些初学者容易走入这个误区，将所有自认为好的效果都用到网页中，让人看了眼花僚乱，无所适从。适当用一些特效代码，可以让你的网站生辉。可是如果你用太多的代码，一方面，会影响网页的可读性，另一方面还会影响网页下载速度。如果为了一些无伤大雅的特效修饰而导致页面不能正常浏览的话，可就得不偿失了。

[4 楼] \| Posted: 2006-04-04 08:19


常州五颜六色网络技术有限公司 -> 网站建设

Copyright © 2005-2009 5y6s Inc. 苏ICP备05001866号 Powered by PHPWind 5.0.1
Total 0.012608(s) query 5, Gzip enabled
会员言论不代表本站立场本站法律顾问：北京汇泽律师事务所韩律师

点击这里给我发消息

点击这里给我发消息

点击这里给我发消息