淘宝鼠标经过变换图片怎么做？

Question

想在淘宝里做鼠标经过变换图片，用DW做，在网页上显示正常，可到了淘宝里就被屏蔽掉了，高手们能教我怎么做吗？
我要详细的步骤，最好有截图，等待高手的出现！
如果教会我，分会更多的哈！

Answer 1

1、需要用到Dreamweaver软件，以及基础的html语言，利用切换动作来制作

2、代码我直接给您附上了，我做的例子是800*800的图片切换，如果要用在天猫的话 还需要更改一个属性代码。

<div style="height:800px;"class="sx_tools_code"><div class="most-footer footer-more-trigger cloud-footer sx_abs"style="width:auto;height:auto;border:0;border-width: 0;padding:0;background-color: transparent;top:0px;left:0px;right:auto;display:block;z-index:10;overflow:inherit;line-height:auto;width:800px;height:800px;border:none;padding:0;top:auto;left:auto;"><div class="most-footer footer-more-trigger cloud-footer sx_abs"style="width:auto;height:auto;border:0;border-width: 0;padding:0;background-color: transparent;top:0px;left:0px;right:auto;display:block;z-index:10;overflow:inherit;line-height:auto;width:800px;height:800px;left:auto;top:auto;border:none;padding:0;overflow:hidden;"><div class="sx_one most-footer footer-more-trigger cloud-footer sx_abs"style="width:auto;height:auto;border:0;border-width: 0;padding:0;background-color: transparent;top:0px;left:0px;right:auto;display:block;z-index:10;overflow:inherit;line-height:auto;height:800px;width:800px;top:auto;left:auto;"><div style="background-color:transparent;background-repeat:no-repeat;height:800px;width:800px;position: relative;"><div class="img_1_0_40625000_1458715514 most-footer footer-more-trigger cloud-footer sx_abs"style="width:auto;height:auto;border:0;border-width: 0;padding:0;background-color: transparent;top:0px;left:0px;right:auto;display:block;z-index:10;overflow:inherit;line-height:auto;overflow:hidden;display:block;left:0px;top:0px;width:800px;height:800px;z-index:1;"><img src="https://img.alicdn.com/imgextra/i2/1964088563/TB2B_uMcVXXXXciXpXXXXXXXXXX_!!1964088563.jpg"></div><div class="J_TWidget hidden"data-widget-type="Popup"data-widget-config="{ 'trigger':'.img_1_0_40625000_1458715514', 'align':{'node':'.img_1_0_40625000_1458715514','offset':[0,0],'points':['cc','cc']} }"style="overflow:hidden;width:800px;height:800px;z-index:1;"><a target="_blank"href=""><img src="https://img.alicdn.com/imgextra/i4/1964088563/TB2koyWlVXXXXb6XpXXXXXXXXXX_!!1964088563.jpg"></a></div></div></div></div></div></div>

3、将这代码放到您自己的Dreamweaver里，然后替换里面的jpg 以及尺寸（height和width 是宽和高的意思）  其他的不用动，即可。 还是不会的话 可以在追问我o !

Answer 2

不知你是否学过编程，您用的啥软件啊
如果学过，可以按发下思路去设计：

设置MouseMove事件，当 鼠标移过某个窗体或控件时，背景图片改变：

Answer 3

<div class="first-trigger">我只是个触点而已，把鼠标滑到我身上</div>
 
<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
          'trigger':'.first-trigger',
          'align':{
                  'node':'.first-trigger',
                  'offset':[0,0],
                  'points':['cr','cc']
                  }
            }">
    <div style="background-color: yellow; height: 100px; width: 100px;">
       我是一个弹出层
    </div>
</div>