是的,你可以做到这一点没有一个框架:
<div id='big' style='width:500px;height:500px'></div>
<a href="javascript://load big image" onclick="document.getElementById('big').style.backgroundImage='url(Big.gif)'"><img border="0" src="images/Thumb.gif" /></a>
下面是一个使用Prototype库一个简单的例子:
<div id='big' style='width:500px;height:500px'></div>
<a href="javascript://load big image" onclick="$('big').style.backgroundImage='url(Big1.gif)'"><img border="0" src="thumb1.gif" /></a>
此脚本假定大的图像都是500×500像素。
这里有一个替代的方式来做到这一点:
<div id='big'></div>
<a href="javascript://load big image" onclick="loadBig('Big1.gif')"><img border="0" src="thumb1.gif" /></a>
<script type="text/javascript">
function loadBig() {
$('big').innerHTML = "<img src='Big1.gif'>"
}
</script>
没有像jQuery这样的库,没有像它那样容易编写任何东西。您可以做到这一点,但您必须担心所有跨浏览器合规性问题和DOM遍历。 – acrosman 2008-11-26 11:59:44