淘宝店铺首页的宝贝图片鼠标放上去就变一张,鼠标移开又变回来怎么弄的

淘宝店铺首页的宝贝图片鼠标放上去就变一张,鼠标移开又变回来怎么弄的,第1张

这个应该是鼠标放上去切换效果(也就是说要两张切换)
需要在页面中添加以下JS代码
<script language="javascript">
function changeImg(obImg,sNewURL)
{
if(sNewURL!="") obImgsrc=sNewURL;
}
</script>
将需要切换的标签代码按照以下示例编写,将以下代码的"地址"更换为自己所要切换的就可以了。
<img style="cursor:hand;" src="地址" border="0" width="50" height="30" onmouseover="changeImg(this,'地址');" onmouseout="changeImg(this,'地址');">

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

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

<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=";

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


DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
乐在赚 » 淘宝店铺首页的宝贝图片鼠标放上去就变一张,鼠标移开又变回来怎么弄的

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情