全部评论 6

  • /* 框起 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; / 字体加粗 */ } <div class="welcome-box">Welcome</div> <p class="alert" style="display:none;">被你发现了</p> <button class="start-button" onclick="handleButtonClick()">Get Started</button> <p class="alert" style="display:none;">不准复制!</p> 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'; } $

    2025-11-05 来自 浙江

    0
  • 6

    2024-08-22 来自 广东

    0
  • .

    2024-08-22 来自 广东

    0
  • 666

    2024-08-22 来自 广东

    0
  • 可以看一下,真的没有标题

    2024-08-22 来自 浙江

    0
  • 测试无标题

    2024-08-22 来自 浙江

    0

热门讨论