一键访问 | 淘宝开店QQ群1:275113935 QQ群2:91255548 QQ群3:15732716 QQ群4:35780981
下载地址

无需CSS权限的仿天猫首页鼠标经过图片移动代码

无需下载代码,无需CSS权限的仿天猫首页鼠标经过图片移动的代码,使用方法:复制下面的代码直接放在页尾自定义区就可以了,使用代码前请将代码中的图片上传到自己的图片空间。

如今 css破解已不能被广泛使用了,所以给大家来送福利!

此代码不需要css权限, 会代码的自行动手更换图片地址。


附加说明: 图片请遵循尺寸大小, 避免出现挪位,  居中问题 请自行调整边距;

.tmsg_button_close-app {
    background-position: 0 -57px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 15px;
}
.tmsg_button_close-app:hover {
    background-position: -16px -57px;
}
由于属性   background-position: 0 -57px; 背景图像向上偏移了57px;  所以在图像顶部增加57px的空白,确保图片显示正常...

属于调用官方样式, 效果有限,唯一好处是: 一般不容易失效


效果图片:



<div  style="height:422px;">
    <div class="most-footer footer-more-trigger" style="left:50%;width:996px;height:422px;right:auto;top:auto;padding:0;border:none;left:auto;z-index:1;background-color: transparent; ">
      
<div style=" width:996px; height:422px; background-color:#e5e5e5; overflow:hidden;">
<div style="width:399px; height:422px; float:left; overflow:hidden;"><img src="http://img02.taobaocdn.com/imgextra/i2/892145670/TB2c21ZdpXXXXbYXXXXXXXXXXXX_!!892145670.jpg"/></div>
<div style="width:198px; height:255px; float:left; background-color:#fff; margin-left:1px;overflow:hidden; ">
<a class="tmsg_button_close-app" style=" position:relative; float:left; background-image:url(http://img03.taobaocdn.com/imgextra/i3/892145670/TB2JG9TdpXXXXXiXpXXXXXXXXXX_!!892145670.jpg); width:198px;height:255px; overflow:hidden;  right:auto; left:1px; top:0;  transition:all cubic-bezier(1,2,0.43,1) 0.3s;" href="#"></a>
</div>
<div style="width:198px; height:255px; float:left; background-color:#fff; margin-left:1px;overflow:hidden; "><a class="tmsg_button_close-app" style=" position:relative; float:left; background-image:url(http://img03.taobaocdn.com/imgextra/i3/892145670/TB2JG9TdpXXXXXiXpXXXXXXXXXX_!!892145670.jpg); background-repeat:no-repeat;width:198px;height:255px; overflow:hidden;  right:auto; left:1px; top:0;  transition:all cubic-bezier(1,2,0.43,1) 0.3s;" href="#"></a></div>

<div style="width:198px; height:255px; float:left; background-color:#fff; margin-left:1px;overflow:hidden; "><a class="tmsg_button_close-app" style=" position:relative; float:left; background-image:url(http://img03.taobaocdn.com/imgextra/i3/892145670/TB2JG9TdpXXXXXiXpXXXXXXXXXX_!!892145670.jpg); background-repeat:no-repeat;width:198px;height:255px; overflow:hidden;  right:auto; left:1px; top:0;  transition:all cubic-bezier(1,2,0.43,1) 0.3s;"href="#"></a></div>

<div style="width:198px; height:255px; float:left; background-color:#fff; margin-left:1px; margin-top:1px;overflow:hidden;  "><a class="tmsg_button_close-app" style=" position:relative; float:left; background-image:url(http://img03.taobaocdn.com/imgextra/i3/892145670/TB2JG9TdpXXXXXiXpXXXXXXXXXX_!!892145670.jpg); background-repeat:no-repeat;width:198px;height:255px; overflow:hidden;  right:auto; left:1px; top:0;  transition:all cubic-bezier(1,2,0.43,1) 0.3s;"href="#"></a></div>
<div style="width:198px; height:255px; float:left; background-color:#fff; margin-left:1px; margin-top:1px;overflow:hidden;  "><a class="tmsg_button_close-app" style=" position:relative; float:left; background-image:url(http://img03.taobaocdn.com/imgextra/i3/892145670/TB2JG9TdpXXXXXiXpXXXXXXXXXX_!!892145670.jpg); background-repeat:no-repeat;width:198px;height:255px; overflow:hidden;  right:auto; left:1px; top:0;  transition:all cubic-bezier(1,2,0.43,1) 0.3s;"href="#"></a></div>
<div style="width:198px; height:255px; float:left; background-color:#fff; margin-left:1px; margin-top:1px;overflow:hidden;  "><a class="tmsg_button_close-app" style=" position:relative; float:left; background-image:url(http://img03.taobaocdn.com/imgextra/i3/892145670/TB2JG9TdpXXXXXiXpXXXXXXXXXX_!!892145670.jpg);background-repeat:no-repeat;width:198px;height:255px; overflow:hidden;  right:auto; left:1px; top:0;  transition:all cubic-bezier(1,2,0.43,1) 0.3s;"href="#"></a></div>
</div>
</div>
    </div>
</div>

本网站素材资源仅供个人学习与参考,请勿用于商业用途,后果由使用者自己承担!!!