淘宝店铺图片,鼠标移动到宝贝图片上去会出现边框,同时图片会变大或缩小,请问这种效果怎么做,谢谢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了淘宝店铺图片,鼠标移动到宝贝图片上去会出现边框,同时图片会变大或缩小,请问这种效果怎么做,谢谢相关的知识,希望对你有一定的参考价值。

必须开放完全自定义CSS,才能写代码实现。有两个途径:1.直接到装修市场买现成的模板。2.订购旺铺拓展版或拓展版以上版本,总之,是要花钱的 参考技术A 这些功能现在都是花钱去买的,比如在装修市场里买模板,那些用php做的动态模板是OK的,或者就是去买高级的旺铺,可以自己修改全局CSS的,在<head></head>里自己加进去也可以. 参考技术B 这个图片大点就会自动有放大功能
你上传宝贝图片的时候边上有提示的

鼠标移到文字上出现图片提示的代码?

就是当把鼠标移到文本中的某些文字时可以出现一个图片,我只知道出现文字提示的方法,出现图片提示的我就不会了。
是html文件中,请给出最简洁的html代码。

范例代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移到文字上弹出提示层</title>
<style type="text/css">
.item .box
display:none; 
width: 315px;
height: 180px; 
background:#CCC;
border:1px solid #333;
padding:12px;
text-align:center;

.item:hover .box
display:block;

</style>
</head>
<body>
<div class="item">
<a href="#">查看光度范围</a>
<div class="box" id="box"><img src="11.jpg" /></div>
</div>
<div class="item">
<a href="#">查看光度范围</a>
<div class="box" id="box"><img src="10.jpg" /></div>
</div>
</body>
</html>
参考技术A 以上回答问题者都是答非的问。
楼主应该讲的是网页制作里的鼠标特效吧,虽然我也不是很懂,但在网上搜到一段代码,不知道管不管用,楼主可以一试。
html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|JsCode.cn|---跟随鼠标的图片</title>
<script LANGUAGE="JavaScript">
var newtop=0
var newleft=0
if (navigator.appName == "Netscape")
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";

else

layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";

function doMouseMove()
layerName = 'iit'
eval('var curElement='+layerRef+'["'+layerName+'"]')
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
eval('curElement'+styleSwitch+'.visibility="visible"')
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width')
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))

newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width

else

newleft=document.body.scrollLeft + event.clientX

eval('curElement'+styleSwitch+'.pixelLeft=newleft')
if (event.clientY > (document.body.clientHeight - 5 - height))

newtop=document.body.clientHeight + document.body.scrollTop - 5 - height

else

newtop=document.body.scrollTop + event.clientY

eval('curElement'+styleSwitch+'.pixelTop=newtop')

document.onmousemove = doMouseMove;
</script>
</head>

<body>
<!-- 以下代码是设定此页的鼠标样式代码 -->
<script language="javascript">
if (navigator.appName == "Netscape")

else

document.write('<div ID=OuterDiv>')
document.write('<img ID=iit src="images/flag.gif" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;visibility:hidden;">')
document.write('</div>')

</script>
</body>

</html>本回答被提问者采纳
参考技术B 网站上还是文档里 还什么什么地方 参考技术C 具体是什么样子,截个图来看看

我觉得只要不影响你的正常使用,就不用管它了
参考技术D 是啊截个图看看,要不请具体描术一下这样才知道怎么解决问题!

以上是关于淘宝店铺图片,鼠标移动到宝贝图片上去会出现边框,同时图片会变大或缩小,请问这种效果怎么做,谢谢的主要内容,如果未能解决你的问题,请参考以下文章

怎么修改淘宝店铺宝贝图片尺寸的宽度

鼠标放到划过图片出现悬浮透明边框,别的图片位置不变

我用dreamweaver做的图片链接上传到淘宝的图片空间很清晰,但是将源码复制到宝贝详情里面图片就变的模糊,

css中鼠标没有移上去图片是黑色

淘宝宝贝商家编码 管理好你的宝贝

淘宝的左侧分类栏目里面图片怎么添加链接