高分请教高手,谁能实现一下这个效果?点击详细介绍

来源:百度知道 编辑:UC知道 时间:2024/07/06 13:40:35
具体的效果看这里
http://search.live.com/images/results.aspx?q=%E9%A3%8E%E6%99%AF&FORM=QBIR&mkt=zh-cn#

1、当鼠标移到图片上去的时候,图片会逐渐变大,移开又变为原来大小。做出满意效果的另加20分;
2、当图片被遮盖住,只露一个角时,当鼠标移上去,大图会避开边框完全展示出来。这个能作出满意效果的另加30分;

高手都来帮帮忙!!谢了!

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效|Linkweb.cn/Js|---值得推荐的无限缩小放大图片功能</title>
</head>

<body>

<input type="button" value="缩小" onclick="small1()">
<input type="button" value="放大" onclick="big1()">
<br>
<BR>
<img border="0" name=images1 src="/image/c0407.jpg" width="140" height="105">
<script>
function small(){
var height1=images0.height
var width1=images0.width
images0.height=height1/1.5
images0.width=width1/1.5}

function big(){
var height1=images0.height
var width1=images0.width
images0.height=height1*1.5
images0.width=width1*1.5}