jquery - 使用 css3 和 jQuery 制作缩放圆

标签 jquery css height width geometry

我有三个基于百分比宽度的 block 级行元素,因此每个元素的宽度与浏览器窗口的宽度相同。这很容易。

我需要帮助的是使用 jQuery 找到每个元素的宽度并将元素的高度属性分配为等于宽度,这样无论浏览器窗口的宽度如何,元素的宽度和高度都是相等。

一旦宽度和高度相同,就可以很容易地使用 css3 制作漂亮的圆形背景。

最佳答案

是这样的吗?看起来没那么难,我可能漏掉了什么。

$('.circle').each(function(){
  var element = $(this);
  element.height(element.width());
})

关于jquery - 使用 css3 和 jQuery 制作缩放圆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8619241/

相关文章:

jquery - 验证输入值是否为 1,000,000.00 或更大

javascript - 如何使用jquery仅从包含文本和图像的链接中删除文本?

javascript - 选择第一个选择框值后填充第二个选择框,如何在脚本中选择要编辑的值

jquery - 如何使用 JQuery 在特定点拆分 DIV?

javascript - 按给定的单元格值查找表行并删除该行

javascript - 缩放时,带有边距和填充的内部 div 最终会超过外部 div

jquery - css 图像过滤器 - 浏览器兼容性

javascript - 使用单选框选择显示多个DIV

iframe - 将 iframe 设置为远程内容的高度

css - 如何将 div 拉伸(stretch)到 100% 页面高度?