JS+CSS实现图片放大预览效果

主页 M

JS+CSS实现图片放大预览效果

2014-09-09 网页编程网 网页编程网

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>（js图片放大预览鼠标滑过的任意位置）</title>
<script language="JavaScript">

</script>
<style type="text/css">

</style>
<div id="head"></div>
<div id="smallbox"><img src="http://www.youkud.com/image/logo-banner.jpg" name="smallpic" width="300" height="300" border="0" id="smallpic" onmousemove="move(event)" onmouseover="document.getElementById('bigbox').style.display='';document.getElementById('view').style.display=''" onmouseout="document.getElementById('bigbox').style.display='none';document.getElementById('view').style.display='none'"></div>
<div id="bigbox"  style="display:none"><div id="bigpico"><img src="http://www.webjx.com/files/090716/1_192312.jpg" name="bigpic" width="300" height="300" border="0" id="bigpic"></div>
</div>
<div id="view" onmousemove="move(event) "style="display:none"></div>

阅读原文

阅读 4107

123 显示电脑版