使用jQuery的样式标签中的CSS

时间:2015-02-06 14:07:16

标签: jquery css

我想问一下是否有办法将一些css代码放入<风格>< /风格>使用jQuery的标签。我需要这个特别用于放置一个@keyframes,它不应该添加到一个元素但是在<风格>< /风格>标签

1 个答案:

答案 0 :(得分:2)

看看这个简单的例子,你可以将文字颜色从红色变为蓝色。

您只需使用选择器抓取您想要用css修改的元素。



$("button").click(function()
{
    $("span").css("color","blue");
});

span
{
    color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <span> a simple test </span>
    <button> click me </button>
</div>
&#13;
&#13;
&#13;

我认为对于关键帧,您可以使用以下内容:

$.keyframe.define([{
    name: 'myfirst',
       '0%':   {top:$("#test").innerHeight()*-1; left:0px},
       '50%':  {top:100%,  left:0px},
       '100%': {top:$("#test").innerHeight()*-1; left:0px}
}]);
  

这是基于SO的类似问题的以下答案   Using JQuery to set CSS Keyframe

     

使用此JQuery包来完成问题   https://github.com/jQueryKeyframes/jQuery.Keyframes