<html>
<head>
<title>Living Background</title>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" marginwidth="0">
<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.id=="backgr1")
document.body.style.backgroundImage="url(backgr1.gif)"
else
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"}function restore(){
document.body.style.backgroundImage=''
}
document.body.ondblclick=restore
-->
</script>
</p>
<p align="center"><span onMouseOver="tile();event.cancelBubble=true">
<img id="backgr1" src="backgr1.jpg" height=96 width=96 border=2>
<img id="backgr2" src="backgr2.jpg" height=96 width=96 border=2><br>
<img id="backgr3" src="backgr3.jpg" height=96 width=96 border=2>
<img id="backgr4" src="backgr4.jpg" height=96 width=96 border=2></span></p></body>
</html>
这是一段切换浏览器背景图片的代码,我很疑惑这里的函数tile()是写在span上的,event.srcElement应该得到"span",为什么反而得到内部"img"呢?而且那个source.src又怎么解释阿?
<head>
<title>Living Background</title>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" marginwidth="0">
<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.id=="backgr1")
document.body.style.backgroundImage="url(backgr1.gif)"
else
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"}function restore(){
document.body.style.backgroundImage=''
}
document.body.ondblclick=restore
-->
</script>
</p>
<p align="center"><span onMouseOver="tile();event.cancelBubble=true">
<img id="backgr1" src="backgr1.jpg" height=96 width=96 border=2>
<img id="backgr2" src="backgr2.jpg" height=96 width=96 border=2><br>
<img id="backgr3" src="backgr3.jpg" height=96 width=96 border=2>
<img id="backgr4" src="backgr4.jpg" height=96 width=96 border=2></span></p></body>
</html>
这是一段切换浏览器背景图片的代码,我很疑惑这里的函数tile()是写在span上的,event.srcElement应该得到"span",为什么反而得到内部"img"呢?而且那个source.src又怎么解释阿?
解决方案 »
- 几个js的问题。
- 这是什么意思。。。
- 统计网站如何用图片GIF做脚本取浏览记录
- jquery 中的simpleTree 请高手指教!!!!
- 提问:有关history.back()#######################
- 累加字符串中的空格问题?
- 菜鸟提问!在本机上有个bat文件会每天执行调用一个js新建一个以日期为文件名的文件夹,然后我在调用..........
- 如何得到页面上具有当前焦点的输入框的名字?(好几个问题要问)
- 请推荐一本比较全面经典的javascript书籍!说说他为什么经典,谢谢!!
- 能否监测一个变量(对象)得值是否发生改变,如果改变了得话能否自动触发一个事件?
- 当选择物品,点击“成交”按钮,弹出对话框,显示本次购买的物品 如何实现?
- javascript变量问题
你的意思是说event.cancelBubble=true,除了使不触发上面的对象,还可以指向下面的对象吗?就是说source可以指向内部的标签,而不是单单只是span自己?