本节课程讲解淘宝开发平台widget库,是属于JS的一个库,学完本课内容后,同学们可以在下方评论区进行留言,作业也可以在评论区进行提交,老师会一一解答。
那我们开始今天的课程吧。
1.打开【DW】,创建一个【h1】标题,并添加【onClick】属性,代码如图所示。
2. 将代码复制,来到淘宝装修页面粘贴,会发现【onClick】属性被删除,是因为淘宝不支持Web端写JS特效。如图所示.
3.因此淘宝开放平台提供了接口来实现JS特效效果,打开淘宝开放平台,文档中心关于Widget库的概述,如图所示。
4.使用【码工助手】也可以实现轮播效果,在【码工助手】中选择【经典全屏轮播】,插入图片的连接地址,点击生成代码会自动引入Widget库,代码如图所示。
5.在文档中心,将旋转木马效果的HTML结构复制,来到【DW】中新建文件并粘贴代码,如图所示。