php - 如何在网站上画矩形突出显示?

标签 php javascript html css

有什么方法可以实现 Google 反馈之类的功能 as shown here ?我们可以使用 CSS 使网站略微变黑,但我们如何在特定界面上绘制一个矩形,例如突出显示某些文本或错误。我们可以使用与 sprite cow 相同的概念,用于突出显示特定图像上的矩形 link .欢迎任何类型的想法和来源。

谢谢

最佳答案

执行此操作最直接的方法可能是在将鼠标拖到页面上时创建一个 div。

我怀疑 Google 使用类似这样的东西来做到这一点:

  • 在整个页面的顶部绘制一个稍微暗淡的 div(“dimmer”)
  • 当用户点击并拖动调光器时,他们将其拆分为多个 div,如下所示:

    ### | ## | ###
    ----+----+----
    ### |    | ###
    ----+----+----
    ### | ## | ###
    
  • 在上面,中心区域是用户拖过的区域

  • 中心区域现在是空的,您可以通过它看到网站,因为调光器被分成了 8 个较小的 div。
  • 当用户按住鼠标按钮时,脚本会不断调整拆分调光器 div 的大小以适应用户拖动的矩形区域。

(它也可能会省略我在图表中包含的额外 div,因此它只有上面一个 div,下面只有一个 div,矩形,因为没有它们也可以工作)

关于php - 如何在网站上画矩形突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6622911/

相关文章:

php - 为什么学说拒绝我的外键约束?

javascript - MS CRM 2013为脚本类型的WebResources添加版本号

javascript - console.log 不是 nodejs fs.readfile 中的函数

php - 导出到 Excel 时出现奇怪的字符

javascript - 使用 Yii2-dynamicforms 更新(嵌套动态表单)

php - Yii2 kartik-v select2 小部件 allowClear 和占位符无法正常工作

javascript - on() 观察输入的变化

php - 发送内容类型为 : multipart/alternative 的 PHP 邮件

html - 左侧导航的 CSS 定位

javascript - 自动滚动元素列表