22问答网
所有问题
天猫店铺首页装修,怎么利用ps和DW代码实现鼠标经过该商品图片变成另外一张图片?
是首页的装修。我是先ps切片,在到dw添加链接。当中怎么实现图片变换
举报该问题
推荐答案 2016-12-04
<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>
温馨提示:答案为网友推荐,仅供参考
当前网址:
http://22.wendadaohang.com/zd/0hSISISSX2CIS26XSI.html
其他回答
第1个回答 2016-12-04
<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> </li></ul><ul class="www_b25843ad9c1f3a3" ><li> </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;"> </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>
这我只能帮你做,要讲可以也不是一时半会。
追问
没得用
追答
代码太长发不了
本回答被提问者采纳
第2个回答 2016-12-04
先跟楼主说一个问题,为什么没用?因为你的店铺没有开通CSS权限,所以代码没用。
相似回答
天猫店铺首页装修,怎么利用ps和DW代码实现鼠标经过该商品图片变成另外一
...
答:
<!--控制柄代码-->
超简单制作淘宝海报轮播-
怎么
用
ps
制作好看的淘宝
店铺
轮播
图片
答:
【第一步】、设计好促销图片。想要制作图片轮播,就必须要有图片,所以第一步就是要准备至少两
张图片,
这一步您可以用
photoshop
设计好促销广告图片。【第二步】,将图片上传到图片空间。登录淘宝,点击卖家中心,点击进入图片空间 点击图片上传,点击添加添加图片即可从您的电脑中上传图片到图片空间。【第三步】...
大家正在搜
天猫店铺装修代码
天猫首页装修代码
用代码装修淘宝店铺
天猫店铺关注代码
天猫店铺代码放在哪里
天猫店铺模板代码
天猫首页代码
关注天猫店铺会怎么样
怎么看店铺是淘宝还是天猫
相关问题
淘宝首页怎么弄当鼠标经过宝贝的时候会出现另外一张图片。如下图...
用PS做好完整的淘宝首页,切图的时候是简单的切割图片进DW里...
菜鸟一个,用dreamweaver制作网页代码,先用PS切割...
装修淘宝店铺,用PS、DW制作自定义内容区,发布后鼠标点图片...
淘宝店铺装修 使用dw给图片添加链接以后 上传到自定义模块中...
为什么天猫店铺装修时复制出来的代码在DW中显示不出图片?求大...
我在PS切好的图片放到DW软件上。把每张图片嵌入链接,然后淘...
淘宝鼠标经过变换图片怎么做?