如何理解淘宝店铺鼠标经过放大效果跟幻灯片的使用原理差不多
更新:HHH   时间:2023-1-7


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

代码如下:

<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坐标之间的偏移量

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

返回移动开发教程...