网站介绍

这是一个简单的HTML页面,通过CSS和JavaScript实现了一个按钮点击后显示三个链接的功能。页面整体风格简洁,易于阅读。

页面布局

页面采用自适应布局,设置了body的高度为100%,并去掉了默认的外边距和内边距。.ydbox类设置了按钮的位置为屏幕的中心,并使用transform: translate(-50%,-50%)实现了垂直和水平的居中。.ydbtn类定义了按钮的样式,包括字体大小、背景色、文字颜色等。

交互效果

当用户点击.ydbtn类的按钮时,会触发名为scaledh的动画效果,实现按钮的高度缩放。动画持续时间为1.5秒,无限循环播放。

JavaScript代码

页面中还包含一个名为test的JavaScript函数。该函数首先定义了一个包含三个URL的数组urls,然后通过Math.random()函数生成一个随机索引randomIndex,用于从数组中随机选取一个URL赋值给一个隐藏的元素。这个隐藏的元素在页面加载完成后可以通过JavaScript访问到,实现点击按钮后显示对应的URL链接功能。