淘宝上的图片怎么做可以在鼠标经过时可以放大图片
完整的过程最好。<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>Ne...
完整的过程最好。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
img{border:none;}
.box_1{padding:30px;width:360px;}
.box{float:left;width:100px;height:100px;}
.box img{height:100px;width:100px;}
.box1{float:left;width:100px;height:100px; }
.box1 img{border:3px solid #000;height:128px;width:128px;margin:-14px;position:absolute;}
</style>
</HEAD>
<BODY>
<div class="box_1">
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
</div>
</BODY>
</HTML> 展开
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
img{border:none;}
.box_1{padding:30px;width:360px;}
.box{float:left;width:100px;height:100px;}
.box img{height:100px;width:100px;}
.box1{float:left;width:100px;height:100px; }
.box1 img{border:3px solid #000;height:128px;width:128px;margin:-14px;position:absolute;}
</style>
</HEAD>
<BODY>
<div class="box_1">
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
<div class="box" onMouseOver="this.className='box1'" onMouseOut="this.className='box'"><img src="http://bbs.okajax.com/demo/17/images/shoe1_small.jpg" /></div>
</div>
</BODY>
</HTML> 展开
2个回答
展开全部
淘宝上宝贝图片尺寸大于700px*700px（象素），上传以后宝贝就自动会有放大镜的功能，鼠标移动到宝贝图片各位置时会显示放大。若不想使用放大镜功能，只要把图片尺寸和像素降低些就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
