淘宝全屏轮播海报制作方法以及代码

淘宝全屏轮播海报制作方法以及代码


2024年1月26日发(作者:)

'circular':

true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs">

'contentCls': 'slide-kun35content',

'triggerCls': 'slide-kun35triggers',

'navCls': 'slide-kun35triggers',

'triggerType': 'mouse',

'effect': 'fade',

'prevBtnCls':'prev',

'nextBtnCls':'next',

'steps': 1,

'autoplay': true,

'viewSize':[1920],

'circular': true

}"data-widget-type="Carousel"

style="z-index:10;padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;top:0px;padding-top:0px;left:-485px;">

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

data-widget-type="Popup" style="display:none;">

style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;overflow:hidden;padding-top:0px;">

    style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:none;padding-top:0px;">

  •  

  •  

  •  

  •  

  •  

 

注意哦,其中紫色背景的是产品地址的链接;

红色的代码是图片的链接(图片空间里面的)

'circular':

true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs">

'contentCls': 'slide-kun35content',

'triggerCls': 'slide-kun35triggers',

'navCls': 'slide-kun35triggers',

'triggerType': 'mouse',

'effect': 'fade',

这是全代码开头的一段,这一段最后的红色背景部分的,fade是可以改动的。

他现在是渐隐式的轮播,改成scrollx就是水平滚动的轮播,改成scrolly就是垂直滚动的轮播。

其中这段代码中的height是高度,可以改动的,那高度的数据是根据你做的海报的高度而定的。


发布者:admin,转转请注明出处:http://www.yc00.com/news/1706244073a1448075.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信