当前位置: 首页 > 面试题库 >

如何使用JavaScript设置CSS3过渡?

薛阳荣
2023-03-14
问题内容

如何使用javascript设置CSS(我无权访问CSS文件)?

#fade div {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -ms-transition: opacity 1s;       
  transition: opacity 1s;
  opacity: 0;
  position: absolute;
  height: 500px;
  width: 960px;
}

例如:

document.getElementById('fade').HOW-TO-TYPE-webkit-transition = 'opacity 1s';

问题答案:

如您所见,将CSS属性设置为“-”只会导致下一个字符变为大写:

document.getElementById('fade').style.WebkitTransition = 'opacity 1s';
document.getElementById('fade').style.MozTransition = 'opacity 1s';


 类似资料:
  • 问题内容: 我有一个HTML表单,该表单的操作应通过JavaScript动态设置。我该怎么做?这是我要实现的目标: 问题答案: 您不能以以外的标准HTML属性调用JavaScript函数。只需在窗口加载时分配它即可。 您会看到我已经给了形式a ,以便可以在中轻松访问。 另外,您也可以在活动期间进行:

  • 问题内容: 我正在测试一个Web应用程序。在主页的导航菜单中,单击节点后, 将调用javascript 函数。我查找了此功能,该页面将在重定向到目标 页面之前设置。 那么,如何为每个请求在JMeter中设置cookie? 问题答案: 在BeanShell预处理器中,放入: 请注意,使用JSR223 PreProcessor + Groovy + Caching会更好地提高 性能

  • 问题内容: 我试图谷歌,并从这个论坛上寻找我的问题的解决方案,但到目前为止没有运气。我想通过单击图片来暂停CSS3动画(图像幻灯片放映),并通过单击图片来恢复到相同的动画。 我知道如何暂停幻灯片放映,我也能够将其恢复一次,但是如果尝试暂停并恢复多次以上,它将停止工作。这是我的代码的样子: 我不想使用任何JS库(例如jQuery)或任何其他外部解决方案。 我的猜测是我的函数内部的函数仍在运行,这就是

  • 问题内容: 当您想使用Javascript更改HTML时,如何知道何时使用以下任一方法? 问题答案: 设置通常用于输入/表单元素。通常用于div,span,td和类似元素。

  • 本文向大家介绍如何使用css3实现一个div设置多张背景图片?相关面试题,主要包含被问及如何使用css3实现一个div设置多张背景图片?时的应答技巧和注意事项,需要的朋友参考一下 background-image:url("1.jpg"),url("2.jpg"),url("3.jpg"); background-repeat: no-repeat, no-repeat, no-repeat; b

  • 问题内容: 以下样式只是如何在CSS3中设置过渡的示例。 有没有纯粹的CSS技巧可以使此循环播放? 问题答案: CSS仅从一组样式过渡到另一组样式。您正在寻找的是CSS动画。 您需要定义动画关键帧并将其应用于元素: 请查看上面的链接,以了解如何根据自己的喜好对其进行自定义,然后您必须添加浏览器前缀。