网站搜索
javascript - 当使用 CSS 过渡/动画等时，如果用户的浏览器不支持 CSS 动画，回退到 jQuery 的最佳方式是什么？
我正在寻找一种使用 CSS 动画的方法，但如果用户的浏览器不支持 CSS 动画，则改为使用 jQuery 来实现动画。在 jQuery 中有简单的方法可以做到这一点吗？如果是一个小插件的话，使用插件也可以，但我真正想要的是尽可能在 jQuery 中实现这种方法。我想使用 CSS 动画的唯一原因是使用 CSS 动画时处理器的消耗要低得多。
答案＃1
jQuery animate 增强插件使用 CSS 过渡，而无需为支持过渡的浏览器编写
阅读更多 →javascript - 我如何使用 CSS3 和 jQuery 创建一个旋转齿轮？
我有以下网站，它是用Flash制作的，背景中有旋转的齿轮：
http://thedrivepartnership.com/index.html
我想用 CSS 和 JavaScript 创建类似的东西——有人知道有哪些例子吗？
答案＃1
我想你可以做的是创建一个填满窗口的容器，然后把你的齿轮放在那个容器里。
例如，你可以将一个包含动画的容器放在文件的顶部，设置很低的 z-index，使其适应窗口并具有固定位置。你可以将内容放在上面，并假装 css4 刚刚支持 .avi 背景。开玩笑的。代码：
阅读更多 →javascript - 我可以在构建元素时暂时关闭所有 CSS3 过渡/动画吗？
我为一个网站创建了一个相当复杂的菜单。这个菜单依赖大量基于 CSS3 的动画。然而，当我导航到不同的页面时，菜单应该初始构建——而且没有所有动画，但要通过 JS 实现，而不是服务器端实现。
现在我在想如何可以暂时完全禁用所有过渡/动画，直到菜单构建完成。
我曾考虑过创建一个子类来重写动画，但似乎不起作用，因为总是使用基类中定义的动画/过渡？
答案＃1
我建议通过在菜单构建完成后由 JavaScript 添加的类来应用你的动画/过渡效果。
有一个 animation-play-state 属性可以暂停动画，但它只在 Safari 5 和 Chrome 4（带前缀）中出现过（而其他动画属性则是在 Safari 4 和 Chrome 2 中出现），我不确定它是否适合你的用途。
答案＃2
你可以在构建菜单时将 transition-duratio
阅读更多 →php - 使用 CSS 类进行 JS 标记是一种不良做法吗？
场景：
- 使用 PHP 和模板引擎生成的主页。
- 该页面正在重新设计。
- 新设计基于 jQuery UI。
- 当前的CMS使用多个模板：页面模板、文章详情模板、评论模板等。
问题： 一些模板（例如文章详情模板）会生成应该使用 jQuery UI 元素（如标签页）的 HTML 片段。目前，页面模板的数据源并不包含任何信息，说明哪些元素应该在文档头部的主 jQuery 调用中被转换为 jQuery UI 元素。
可能的解决方案 在
阅读更多 →javascript - 我如何使用 html 和 css 创建一个虚拟骰子（用于掷骰子游戏）？
我正在尝试使用 CSS/HTML 和 JavaScript 制作一个虚拟骰子（用于掷骰子）……我的 JavaScript 部分可以正常工作，但我似乎无法让 HTML/CSS 按我想要的方式显示它（不创建无边框的表格并将每个点放在单元格中）。我制作了以下 JSfiddle：http://jsfiddle.net/ShoeMaker/KwBaN/5/，当你掷出 4、5 或 6 时，你可以看到我的问题。
我想得到一个使用方括号 [ ] 的模拟骰子，并且里面的点数正确。1. 中间正中应该有一个点 2. 左上角和右下角各有一个点 3. 左上角、中间正中和
阅读更多 →使用 Javascript 读取 CSS 文件并动态修改页面
所以 CSS @media 查询在 IE8 中不起作用。
@media (min-width: 768px) { /* some css */ } @media (min-width: 972px) and (max-width: 1024px){ /* different css */ }现在，我可以创建名为IE_min768.css和IE_min972_max1024的独立CSS文件，并使用Javascript在页面宽度调整时动态加载和卸载这些文件。但那会违反D.R.Y.原则，并且在多个地方维护CSS会很麻烦。
是否有可能使用 Javascript（仅在 IE 中）实际读取 CSS 文件，检测 @media 部分，并在适当情况下动态将该 CSS 应用到浏览器中？
答案＃1
不要重复造轮子。只需使用
阅读更多 →CSS 过渡被 JavaScript 阻止
我正在尝试在一个非常密集的 JavaScript 期间创建一个加载条，这期间会构建和填充一些相当大的三维数组。这个加载条需要保持为空，直到用户点击一个按钮。
无论我是否使用 -webkit-transition，都会发生冻结（这个应用可以只在 Chrome 上使用，我的情况下不需要跨浏览器）。
追求简约，我把我的酒吧建成了这样...
<div id="loader"> <div id="thumb"> </div> </div>...然后尝试在我的主for循环的各个阶段增
阅读更多 →javascript - 使用有限的 CSS 技能创建可调整大小的网站 - CSS 形状
这是我在这里的第一个问题，所以请指出我犯的任何错误。我必须创建一个看起来像某个队旗的网页。我已经成功做到了，但只是使用固定大小的元素：
在其他分辨率下，它根本不适合屏幕。 代码： html
<div id="centered"> <div id="triangle-down"></div> <div id="triangle-right"></div> <div id="triangl 阅读更多 →javascript - 将视野值转换为 CSS3D 透视值
如果我想要一个具有60°视场的相机，那么如何计算CSS3D透视值？
perspective: ?; perspective-origin: center center;我找到了一篇关于如何根据透视值计算投影矩阵的描述，但我仍然不太理解它：http://www.w3.org/TR/css-transforms-1/#perspective-matrix-computation
所以如果我有一个给定的视野，并且我知道元素的 offsetWidth/offsetHeight，那我应该如何计算所需的透视值？
近裁剪面和远裁剪面
阅读更多 →javascript - 鼠标悬停图片放大并在其上显示文本 CSS3
我正在尝试为我的网站制作一个响应式图片页面。到目前为止，我已经使页面上的图片都是响应式的，并且无论浏览器的大小如何，都保持居中。
我的问题是，当我将鼠标悬停在一个图像上时，它会放大，但会将其他所有图像推开。我希望它在放大时，其他图像保持原位，我尝试过使用绝对定位，但这没有效果。
另外，我真的很想为图片添加悬停文本，我希望当鼠标悬停在图片上时，可以从中心看到文本，我希望只用 HTML/CSS 来实现，而不需要为文本使用单独的图片，并且尽可能不使用 JavaScript。
这是我当前的 HTML；
<div class="imgwrap"> 阅读更多 →