Question

天猫店铺首页装修，怎么利用ps和DW代码实现鼠标经过该商品图片变成另外一张图片？

是首页的装修。我是先ps切片，在到dw添加链接。当中怎么实现图片变换





Answer 1

<div class="hwm" style="width:800px; height:800px;"><img src="https://img.alicdn.com/imgextra/i3/47979059/T2KOCNXcNaXXXXXXXX_!!47979059.jpg" width="800"; height="800">
<!--控制柄代码-->
<div class="J_TWidget"  data-widget-type="Popup"  data-widget-config="{'trigger':'.hwm','align':{
  'node':'.hwm',
  'points':['cc','cc'],
  'offset':[0,0]}}">
<!--弹出内容，直接修改图片地址和尺寸-->
<div style="width:800px; height:800px;"><a href="链接"><img src="https://img.alicdn.com/imgextra/i2/47979059/T2CMCTXmNaXXXXXXXX_!!47979059.jpg" width="800" height="800"></a></div>
  </div>

Answer 2

<div class="bangox" data-title="." style="width:800px;height:800px;"><div class="sn-simple-logo" style="width:800px;height:800px;border:0;padding:0;top:auto;left:auto;background:none;right:auto;"><div class="sn-simple-logo" style="width:800px;height:800px;border:0;padding:0;top:0;left:0;background:none;right:auto;"><div class="sn-simple-logo" style="background:none;border:0;padding:0;width:800px;height:800px;top:auto;left:--95px;background-color:#f10808;background-image:url();background-repeat:no-repeat;background-position:center top;background-attachment:scroll;right:auto;"></div><div class="sn-simple-logo" data-title="鼠标滑动" style="right:auto;z-index:2;top:30px;left:0px;width:300px;height:300px;border:0;padding:0;background:none;overflow:hidden;"><div class="subLogo" style="width:300px;height:300px;float:none;padding:0;right:auto;top:0;left:0;margin:0;border: 0;border-radius:0;background: none;"><a style="padding:0;height:auto;background:none;" href="" target="_blank"><img src="http://img.alicdn.com/imgextra/i4/1761154159/TB2rYlXdV5N.eBjSZFKXXX_QVXa-1761154159.jpg" width="300px" height="300px" alt=""></a><span class="subLogo-bd" style="width:300px;height:300px;border:0;padding:0;background:none;bottom:auto;right:auto;top:0;left:0;border-radius: 0;"><a style="padding:0;height:auto;background:none;" href="" target="_blank"><img src="http://img.alicdn.com/imgextra/i3/1761154159/TB2Ogs8dQ1M.eBjSZPiXXawfpXa-1761154159.jpg" style=""></a></span></div></div><div class="J_TWidget" data-widget-config="{'duration':0.1,'activeIndex':1,'navCls':'www_b25843ad9c1f3a3','contentCls':'wwwb25843ad9c1f3a3','effect':'scrolly','activeTriggerCls':'grid-e5m0s5','interval':0.1,'autoplay':true}" data-widget-type="Carousel" style="position:relative;width:0px;height:0px;float:left;"><ul class="wwwb25843ad9c1f3a3" style="display:none;width:0px;left:0px;"><li> &nbsp; </li></ul><ul class="www_b25843ad9c1f3a3" ><li> &nbsp; </li><div class="sn-simple-logo" style="right:auto;position: relative;width:0px;height:0px;padding:0px;border:none;border:0;display:block;top:32px;left:402px;z-index:3; background: none; cursor: auto; display: block;"><li style="width:230px;height:330px;border:0;padding:0;top:0;left:0;overflow:hidden;background:url(http://img.alicdn.com/imgextra/i3/1761154159/TB26FRgd2SM.eBjSZFNXXbgYpXa-1761154159.jpg) no-repeat;"><div class="col-extra" style="width:99999px;height:330px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;"><div style="width:230px;height:330px;float:left;"> &nbsp; </div><div style="width:230px;height:330px;float:left;"><a href="" target="_blank"><img src="http://img.alicdn.com/imgextra/i3/1761154159/TB2MqtEdhaJ.eBjSsziXXaJ_XXa-1761154159.png" style="width:230px;height:330px;" /></a></div></div></li></div></ul></div></div></div></div>

这我只能帮你做，要讲可以也不是一时半会。

追问

没得用

追答

代码太长发不了

Answer 3

先跟楼主说一个问题，为什么没用？因为你的店铺没有开通CSS权限，所以代码没用。