阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
这里对上面的JavaScript代码稍作解释，读者便可改变其中的一些参数为自己所用。 []a[v%PkG
ui
(^k $
函数imgover是指定鼠标移到链接上的事件，imgout是鼠标离开链接的事件。Imgname是个变量名，可以随意取。imgname.src="pic1.gif"是设定当鼠标移到链接上的图片路径及文件名。imgname.src = "pic2.gif"是鼠标离开链接的图片路径及文件名。这里图片跟网页在同一个目录下。所以只要文件名就可以了。下面HTML里引用函数的时候，先给各链接前的图像设定一个名字(p1,p2,p3)，以识别鼠标指在哪个链接，如此才能响应对应的鼠标事件。 1hcjS
O
\:'%9 x
可能有朋友会说：这个效果只要运用Dreamweaver的Behavior就可以实现。的确可以，可是，如果有很多链接，你要对每一个链接都应用Behavior，是不是繁琐了些呢？这里运用JavaScript的话，直接在HTML中拷贝，粘贴如下面相同代码，修改一些主要参数即可： + }f9
j"AU z )x
< img name="p4" SRC="pic2.gif" width=20 height=20 border=0 > %W @v2
< A HREF="profile.htm" onMouseOver="imgover(p4)" onMouseOut="imgout(p4)" >公司文化< /A > ooU k O
< /br > S"Zp D.XX
< img name="p5" SRC="pic2.gif" width=20 height=20 border=0 > ` ,P h/oM
< A HREF="profile.htm" onMouseOver="imgover(p5)" onMouseOut="imgout(p5)" >公司新闻< /A > :n /@z4#
… … &QhX1dT+
a33 TPoj
是不是很简单，你只要准备两张图片就够了。其它的事情让JavaScript来完成。 oh$Q6G
F <hJp,q9
这里推荐几个软件：“有声有色”、“主页特效制作百宝箱”、“呼吸小秘书”等等。这些软件包含了很多的网页特效代码，有JavaScript的，也有Java Applet的。有一些效果相当不错，可以去网上下载了试试。如此当你想用特效的时候就无需每次都要跑到网上去找特效代码了。 gUeuUj
Zh _|m#)
JavaScript可以实现的效果很多很多，你是不是按捺不住了？这里笔者提醒一句：虽然JavaScript功能强大，但还是要慎用。效果好，不一定都得用进去，特别是一些初学者容易走入这个误区，将所有自认为好的效果都用到网页中，让人看了眼花僚乱，无所适从。适当用一些特效代码，可以让你的网站生辉。可是如果你用太多的代码，一方面，会影响网页的可读性，另一方面还会影响网页下载速度。如果为了一些无伤大雅的特效修饰而导致页面不能正常浏览的话，可就得不偿失了。
|
|
|
|
[4 楼]
|
Posted: 2006-04-04 08:19 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> 公司建站完全手册――特效的运用
