您的位置：首页 > 百科管理 > 详情

多热点全屏海报代码-淘宝全屏的轮播代码是怎么做的？

原创：找图网 2023-06-15 01:24:53

旺铺专业版全屏海报加入多个热点怎么显示不出来？

你的热点名称可能有问题,我之前也遇到过,你可以修改一下名称就可以了

淘宝全屏大海报代码怎么做？？我是指鼠标移过去会自动显现出另一张图的那种感觉很高档如图

这个如果真实淘宝的话,实现起来很复杂,我给你做很不现实,这儿只提供给你单独显示一张的代码:

<div class="first-trigger">我只是个触点而已,把鼠标滑到我身上</div>

<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{

'trigger':'.first-trigger',

'align':{

'node':'.first-trigger',

'offset':[0,0],

'points':['cr','cc']

}

}">

我是一个弹出层

</div>

具体排版自己研究啦,要我做可以私密我!

淘宝全屏的轮播代码是怎么做的？

<span><DIV class=J_TWidget data-widget-type="Tabs"

data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}">

<DIV

style="Z-INDEX: 0; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; TOP: 0px; PADDING-TOP: 0px; LEFT: -485px"

class=J_TWidget data-widget-type="Carousel"

data-widget-config="{

'contentCls': 'slide-kun1362899830209content',

'triggerCls': 'slide-kun1362899830209triggers',

'navCls': 'slide-kun1362899830209triggers',

'triggerType': 'mouse',

'effect': 'scrollx',

'prevBtnCls':'prev',

'nextBtnCls':'next',

'steps': 1,

'autoplay': true,

'viewSize':[1920],

'circular': true

}">

<DIV style="DISPLAY: none" class=J_TWidget data-widget-type="Popup"

data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}">

<DIV style="WIDTH: 90px; FLOAT: left; HEIGHT: 90px" class=prev><IMG

src="左点击"></DIV>

<DIV style="WIDTH: 90px; HEIGHT: 90px; MARGIN-LEFT: 950px" class=next><IMG

src="右点击"></DIV></DIV>

<DIV

style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; OVERFLOW: hidden; PADDING-TOP: 0px"

class=first-trigger2>

<UL

style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"

class=slide-kun1362899830209content>

<LI

style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"><A