/* 框起 Welcome 并设置样式 */ .welcome-box { border: 2px solid #000; /* 黑色边框 */ padding: 10px; /* 内边距 */ margin-bottom: 20px; /* 下外边距 */ text-align: center; /* 文本居中 */ font-size: 24px; /* 字体大小 */ font-weight: bold; /* 字体加粗 */ } /* 按钮样式 */ .start-button { background-color: #007BFF; /* 蓝色背景 */ color: white;
/* 白色文字 */ padding: 10px 20px; /* 内边距 */ text-align: center; /* 文本居中 */ text-decoration: none; /* 无文本装饰 */ display: inline-block; /* 行内块级元素 */ font-size: 16px; /* 字体大小 */ margin: 4px 2px; /* 外边距 */ cursor: pointer; /* 鼠标悬停时显示指针 */ border: none; /* 无边框 */ border-radius: 4px; /* 边框圆角 */ } /*
提示框样式（这里只是示例，实际可能通过JavaScript动态生成） */ .alert { color: red; /* 红色文字 */ font-weight: bold; /* 字体加粗 */ }
Welcome
被你发现了
Get Started
不准复制！
function handleButtonClick() { // 假设点击按钮后跳转到某个链接 // 注意：实际使用中可能需要防止默认的表单提交行为 // window.location.href = 'https://example.com'; // 显示“被发现了”提示 document.querySelector('.alert:nth-of-type(1)').style.display = 'block'; // 这里不直接阻止复制，但你可以为特定元素添加事件监听器来阻止复制 // 例如，为所有文本添加禁止复制的功能通常不是一个好实践 // 但可以展示如何模拟阻止复制后的提示 //
实际上，阻止复制可能需要监听复制事件（copy event） // document.addEventListener('copy', function(e) { // e.preventDefault(); // 阻止默认复制行为 // alert('不准复制！'); // 显示提示，但注意这里并不是一个好的用户体验 // }); // 模拟复制任意东西后显示“不准复制！”的提示（这里只是逻辑模拟） // 实际上，你可能需要为特定元素添加事件监听器 // 并在这里调用显示提示的代码 // 但由于这里只是示例，我们直接显示提示
document.querySelector('.alert:nth-of-type(2)').style.display = 'block'; } $
