237
云计算
负载均衡
产品简介
产品价格
快速入门
用户指南
实践操作
常见问题
购买指南
云服务器
产品简介
计费规则
购买指导
控制台使用指南
常见问题
云数据库
产品简介
计费规则
购买指导
快速入门
连接实例
控制台使用指南
对象存储
产品简介
控制台使用指南
程序员百科
Python
阿里云速成美站设计教程-如何添加并设置按钮

产品推荐:

1、安全稳定的云服务器租用,2核/2G/5M仅37元,点击抢购>>>

2、高防物理服务器20核/16G/50M/500G防御仅350元,点击抢购>>>

3、百度智能建站(五合一网站)仅880元/年,点击抢购>>> 模板建站(PC+手机站)仅480元/年,点击抢购>>>

4、阿里云服务器2核2G3M仅99元/年、2核4G5M仅199元/年,新老同享,点击抢购>>> 

5、腾讯云服务器2核2G4M仅99元/年、新老同享,点击抢购>>>   


点击这里点击这里进入阿里云速成美站官方页面,立体验云·速成美站>>>

按钮是最常见的可单击跳转的控件,本文介绍如何添加并设置按钮。

流程2.1

添加按钮控件

单击资源区中的设计 > 排版布局 > 按钮,在设计区适当位置单击,即可添加成功。
说明
设计手机版页面时,可选择返回按钮,网站浏览者可使用返回按钮返回上一页面。

设置按钮控件

按钮控件
在设置面板中,单击如图所示位置可设置按钮的样式、数据、交互、动效、排列。
  • 样式:可设置按钮内默认状态下和悬停状态下的文字样式、背景样式、边框样式、阴影样式
  • 数据:可设置按钮文字、设置按钮链接及链接打开方式。
    说明
    设置按钮文字作用:当鼠标停在该按钮时,显示此文字。设置按钮链接作用:当鼠标单击按钮时,可跳转到页面、文章、链接地址等。
  • 交互:可设置按钮的内部动效。
  • 动效:可设置按钮的整体动效。
  • 排列:可根据需要调整尺寸和位置。

一键锁定位置功能

选中按钮控件时,单击像锁一样的图标按钮,可锁定当前位置。

一键删除功能

选中按钮控件时,单击像废纸篓一样的图标按钮,可删除此控件。


这条帮助是否解决了您的问题? 已解决 未解决

提交成功!非常感谢您的反馈,我们会继续努力做到更好! 很抱歉未能解决您的疑问。我们已收到您的反馈意见,同时会及时作出反馈处理!