我想问一下是否有办法将一些css代码放入<风格>< /风格>使用jQuery的标签。我需要这个特别用于放置一个@keyframes,它不应该添加到一个元素但是在<风格>< /风格>标签
答案 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;
我认为对于关键帧,您可以使用以下内容:
$.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