温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何理解淘宝店铺鼠标经过放大效果跟幻灯片的使用原理差不多

发布时间:2021-09-30 14:28:28 来源:亿速云 阅读:271 作者:iii 栏目:移动开发

这篇文章主要介绍“如何理解淘宝店铺鼠标经过放大效果跟幻灯片的使用原理差不多”,在日常操作中,相信很多人在如何理解淘宝店铺鼠标经过放大效果跟幻灯片的使用原理差不多问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何理解淘宝店铺鼠标经过放大效果跟幻灯片的使用原理差不多”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

代码如下:

<div class="sub all_t1"
>
<div data-widget-config="{'trigger':'.all_t1','align':{'node':'.all_t1','offset':[0,-160],'points':['bc','tc']}}" data-widget-type="Popup" class="J_TWidget hidden">
<div ></div>
</div>
</div>


class="J_TWidget hidden"是淘宝内置的js代码控制图片属性的关键,通过它来获取该div的节点,以及对节点的控制。至于style则是对样式的定义,包括长宽,背景图片

<div data-widget-config="{'trigger':'.all_t1','align':{'node':'.all_t1','offset':[0,-160],'points':['bc','tc']}}" data-widget-type="Popup" class="J_TWidget hidden"> 毫无疑问是特效的属性的定义,

node: &lsquo;自定义&rsquo;, // 参考元素。 popup与参考元素进行定位。和触点写法一样,

支持class和id选择器的写法

points: [tr,tl], // ['tl', 'tr']表示popup的tl 与参考节点的 tr 对齐 ,

具体tl,tr表示的意义和值看下面截图,

t(top),c(center), b(bottom),l(left),r(right)

offset: [0,0] // 有效值为 [n, m] , points对齐后,offset值,

一般可用于微调, n和m分别表示对齐两个点

在x,y坐标之间的偏移量

到此,关于“如何理解淘宝店铺鼠标经过放大效果跟幻灯片的使用原理差不多”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

div
AI