淘宝天猫工具
京东店铺工具
1688工具
阿里国际站工具
VIP会员
登录
|
注册
【遮罩1】拖此处可移动
【遮罩2】拖此处可移动
【遮罩3】拖此处可移动
【遮罩4】拖此处可移动
【遮罩5】拖此处可移动
【遮罩6】拖此处可移动
【遮罩7】拖此处可移动
【遮罩8】拖此处可移动
【遮罩9】拖此处可移动
【遮罩10】拖此处可移动
【遮罩11】拖此处可移动
【遮罩12】拖此处可移动
【遮罩13】拖此处可移动
【遮罩14】拖此处可移动
【遮罩15】拖此处可移动
【遮罩16】拖此处可移动
【遮罩17】拖此处可移动
【遮罩18】拖此处可移动
.user_www_hhdm_com .bannerdesign_cn_zz .abs { position:absolute; } .user_www_hhdm_com .bannerdesign_cn_zz a { width:100%; height:100%; display:block; } .user_www_hhdm_com .bannerdesign_cn_zz .www_bannerdesign_cn a{display:none;} .user_www_hhdm_com .bannerdesign_cn_zz .www_bannerdesign_cn:hover a{display:block;}
yangshi
contes
如果不懂花10分钟看视频教程就能学会!建议360浏览器观看,有任何疑问或者不懂加QQ:249977084
京东鼠标经过遮罩效果视频教程
当前浏览器不支持video直接播放,点击这里下载视频:
下载视频
0:00:00
0:00:00
背景图片地址:
填写背景图片地址:图片尺寸大小随意,一般都是宽度1920px,高度不限.然后点击加载图片
点击加载图片
温馨提示:如果图片加载不出来按ctrl+f5刷新再试一下
店铺类型:
【京东店铺】
遮罩尺寸建立:
操作方法:找到上面的遮罩1的红色区域然后按住可以移动位置, 黄色区域拖拽可以改变尺寸大小,然后下面填写文本框中填写你要遮罩的图片,鼠标经过就会显示这张图片.
鼠标经过默认遮罩
鼠标经过放大图片
遮罩1
图片地址:
跳转地址:
遮罩2
图片地址:
跳转地址:
遮罩3
图片地址:
跳转地址:
遮罩4
图片地址:
跳转地址:
遮罩5
图片地址:
跳转地址:
遮罩6
图片地址:
跳转地址:
遮罩7
图片地址:
跳转地址:
遮罩8
图片地址:
跳转地址:
遮罩9
图片地址:
跳转地址:
遮罩10
图片地址:
跳转地址:
遮罩11
图片地址:
跳转地址:
遮罩12
图片地址:
跳转地址:
遮罩13
图片地址:
跳转地址:
遮罩14
图片地址:
跳转地址:
遮罩15
图片地址:
跳转地址:
遮罩16
图片地址:
跳转地址:
遮罩17
图片地址:
跳转地址:
遮罩18
图片地址:
跳转地址:
复制下面代码到自己后台装修页面的自定义模块当中 点击就可以复制代码
<script src="https:http://assets.alicdn.com/s/kissy/1.1.5/overlay/overlay-pkg.js" async="" charset="utf-8"></script><script src="https:http://assets.alicdn.com/s/kissy/1.1.5/datalazyload/datalazyload-pkg.js" async="" charset="utf-8"></script><script src="https:http://assets.alicdn.com/s/kissy/1.1.5/switchable/switchable-pkg.js" async="" charset="utf-8"></script><link href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/base-min.css" rel="stylesheet"><link type="text/css" rel="stylesheet" href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/prettify.css"><link href="http://assets.alicdn.com/apps/pamirsshop/wiki/stylesheets/wiki.css" rel="stylesheet"> <style> body,ul,li{margin:0px; padding:0px; overflow-x: hidden;}
</style>
<input type="hidden" value="隐藏" class="J_hide"><input type="hidden" value="显示" class="J_show"><script type="text/javascript" src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/prettify.js"> </script><script src="http://assets.alicdn.com/s/kissy/1.1.5/kissy.js"></script><script src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/jquery-min-1.4.js"></script><script src="http://assets.alicdn.com/apps/pamirsshop/wiki/scripts/wiki.js"></script>