网站搜索
javascript - 使用常见的 'class' 名称过滤 DOM 元素并对其应用 CSS - JQuery
在 DOM 中，我可以筛选出类名以特定单词开头的元素，这里是 answer_list_two cpts_，结果如下所示。
$('[class^="answer_list_two cpts_"]') => [<div class="answer_list_two cpts_1_19234">…</div>, <div class=" 阅读更多 →javascript - 以编程方式更改在 CSS 中多个地方使用的主色
我的单页应用程序的主色是通过客户端编程定义的。问题是它在我的代码中被很多地方使用。
例如，在加载时，我在 SCSS 中有：
body { background-color: #XXXXXX; } .btn-primary { background-color: #XXXXXX; } .content ul li a { color: #XXXXXX; border: thin solid #XXXXXX; &:hover { backgrou 阅读更多 →javascript - 使用 CSS 绘制圆形元素边框
我有一个圆，它是用以下样式创建的：
.circle { width: 150px; height: 150px; border-radius: 100%; -webkit-border-radius: 100%; }我想在这个圆周围有一个轮廓，但是我希望它只围绕圆的一部分，以显示一个百分比。
例如：
- 50% 将创建一个从12点到6点的轮廓
- 25% 将创建一个从12点到3点的轮廓
- 66%的人会从12点到8点开始创建大纲
随着宽度和高度的确定，我可以通过在相同位置创建一个略大一点的圆来创建轮廓，尽管我不知道如何创建“饼状”形状。
我也希望能够支持尽可能多的浏览器。
提前谢谢你。
答案＃1
基本上，你可以使用任何能够生成饼图的库，然后在饼图中放置一个与页面（或元素）背景色匹配的圆，这样看起来就像一个甜甜圈（实际上
阅读更多 →javascript - 为什么使用 jquery 设置 css 背景颜色会移除 :hover?
这是一个例子: https://jsfiddle.net/6kg43qfr/
代码：
Jquery：
$('#foo').css('background-color', '#f8f7f7');Html:
<div id="foo"> test </div>CSS：
#foo:hover{ back 阅读更多 →javascript - 如何使用 CSS 选择器获取 href 文本
我有下面来自 Wikipedia 主页 https://www.wikipedia.org/ 的 HTML。我正在尝试获取 href 文本
<div class="central-featured-lang lang1" lang="en"> <a href="//en.wikipedia.org/" title="English — Wikipedia — The Free Encyclopedia" class="link-box"> <strong>English</strong><br> <em>The Free Encyclopedia</em><br> <small>5 077 000+ articles</small> </a> </div>我
阅读更多 →javascript - 阶段中的单词变化，CSS 垂直动画循环
我想没什么比这个更好的解释了：
我几乎用纯 CSS 完成了我想要的，但…
- 我必须手动设置每个单词的“位置”
- 如果再添加一个单词，我必须重新计算所有内容
- 我无法设置每个单词的1秒时间，只能设置总动画时间
- 响应吗？只有我重新计算所有东西时
代码是一个带有 overflow: hidden 的 div，以及一个带有 负 margin-top（和动画）的子元素。
现场演示：
bod
阅读更多 →javascript - Materialize.css 自动完成功能在 Polymer 中无法使用
我正在尝试在我的 Polymer 项目中使用 Materialize.css 自动完成。
控制台日志：
Uncaught TypeError: $(...).autocomplete is not a function我的代码：
<div class="input-field"> <input type="text" id="assemp" class="autocomplete" value="{{emps::input}}"> <label for="ass 阅读更多 →html - 使用 CSS 过渡和原生 JavaScript 改变不透明度仅在淡出时有效
这个 CodePen 展示了我的问题：http://codepen.io/PiotrBerebecki/pen/pNvpdG
当用户点击大按钮时，CSS opacity 会被降低到 0。由于我应用了以下规则：transition: opacity 0.5s ease-in-out;，淡出动画是平滑的。
我希望在下一步按钮淡入时也能实现同样的平滑过渡。然而，不知为何，下一步按钮突然出现，没有任何过渡效果。
你知道是什
阅读更多 →JavaScript - Angular 中的 CSS 封装
我最近一直在探索 Angular 组件的 CSS 和 DOM 封装。
我使用 ng-cli 快速搭建了一个项目并加载了一个组件。假设该组件的选择器是 'app-component'。这会将与该组件相关的所有 DOM 和 CSS 封装在组件内部。到目前为止一切正常。
我从之前的阅读中学到的是，组件既不允许外部 CSS 渗入，也不允许内部 CSS 渗出（这更具体地适用于 Web 组件）
现在，在 index.html 文件中，我包含了一个 bootstrap css 文件，仅仅是为了观察 bootstrap css 的样式是否会渗透到组件中，令我惊讶的是，确实渗透了。我可以在我的组件中使用 bootstrap css 提供的所有类。
这是为什么会发生？本质上是外
阅读更多 →javascript - 在 CSS 转换后更新 Three.js 射线投射器
我正在尝试使用 Three.js 学习 WebGL。我是初学者，决定尝试一些类似的东西。我已经能够实现大部分功能。我目前遇到的问题是在将画布向左移动后更新射线投射器和对象。每当我在画布移动后悬停时，它不会反映在球体上，除非我将鼠标向东方向移动到离球体一定距离。我已经查看了好几篇帖子，也尝试移动相机和球体位置，但都没有效果。
这是代码：
let scene, camera, renderer; var raycaster, mouse, INTERSECTED; let SCREEN_WIDTH = window.innerWidth let SCREEN_HEIGHT =
阅读更多 →