Question

淘宝里面如何鼠标滑过变换图片？已找到一个可用代码

求高手修改可以变成一行950px放3个的

<div class="tc a1">
<img src="第1个图片地址"
data-attr-replace="[{'type':'src','desc':'第1个图片地址180*180px'}]">
<div
data-widget-config="{'trigger':'.a1','align':{'node':'.a1','offset':[0,0],'points':['tl','tl']}}"
data-widget-type="Popup"class="J_TWidget hidden" style="visibility:
hidden;">
<div><a href="链接地址"
data-attr-replace="[{'type':'href','desc':'第2个图片地址'}]"><img src="第2个图片地址"
data-attr-replace="[{'type':'src','desc':'第2个图片地址 180*180px'}]"></a>
</div></div></div>

Answer 1

<div style="width:950px; overflow:hidden; background:#FFFFFF;">
<div class="www-42zy-com-05649" style="width:310px; height:310px; overflow:hidden; float:left; ">
	<img src="默认图片1" width="310" height="310" border="0" /><div class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.www-42zy-com-05649','align':{'node':'.www-42zy-com-05649','offset':[0,0],'points':['cc','cc']}}" style="display:none; width:310px; height:310px; overflow:hidden;" data-title="本代码由42zy.com自动生成">
    <a href="链接1" target="_blank"><img src="鼠标经过图片1" width="310" height="310" border="0" /></a>
</div>
</div><div class="www-42zy-com-15915" style="width:310px; height:310px; overflow:hidden; float:left; margin-left:10px;">
	<img src="默认图片2" width="310" height="310" border="0" /><div class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.www-42zy-com-15915','align':{'node':'.www-42zy-com-15915','offset':[0,0],'points':['cc','cc']}}" style="display:none; width:310px; height:310px; overflow:hidden;" data-title="本代码由42zy.com自动生成">
    <a href="链接2" target="_blank"><img src="鼠标经过图片2" width="310" height="310" border="0" /></a>
</div>
</div><div class="www-42zy-com-25152" style="width:310px; height:310px; overflow:hidden; float:left; margin-left:10px;">
	<img src="默认图片3" width="310" height="310" border="0" /><div class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.www-42zy-com-25152','align':{'node':'.www-42zy-com-25152','offset':[0,0],'points':['cc','cc']}}" style="display:none; width:310px; height:310px; overflow:hidden;" data-title="本代码由42zy.com自动生成">
    <a href="链接3" target="_blank"><img src="鼠标经过图片3" width="310" height="310" border="0" /></a>
</div>
</div>
</div>

图片大小为310*310