精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>盖世神功 — 网站建设技术>>HTML — 做好一个网页不能没有的基础>>DHTML特效>>特效26:动态更换的背景

主题:特效26:动态更换的背景
发信人: marsz()
整理人: microant(1999-08-02 12:13:19), 站内信件
实例:动态更换的背景
适用浏览器:IE4+
 
说明:点击屏幕上的图片,背景就会换成你喜欢的那幅图画,点击页面其他处则
还原。
 
第一步:将下列代码复制到网页的Body标记下面。


<style>
.bgimages img {cursor:hand}
</style>

<script language="JavaScript1.2">
<!--/*modified by mars 1999, www.joysoft.net*/function tile(){if (!doc
ument.all)returnvar source=event.srcElementif (source.tagName=="IMG")d
ocument.body.style.backgroundImage="url(images_dhtml/"+source.src+")"}
function restore(){document.body.style.backgroundImage=''}document.bod
y.onclick=restore//-->
</script>

第二步:将下列代码放置你的网页中。



<span class="bgimages" onClick="tile();event.cancelBubble=true"><img s
rc="backgr10.jpg"><img src="backgr11.jpg"><br><img src="backgr13.jpg">
<img src="backgr14.jpg"></span>

--
天上星 亮晶晶 永灿烂 保安宁

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.106.172.165]

[关闭][返回]