Javascript 将脚本更改为jquery并结合其他函数
我有一个脚本,我放在一起,其中一个按钮是点击它旋转45度,我也想它切换一个段落打开和关闭。我没有访问CSS的权限,因为interwoven的内容管理系统不允许我使用accerss,所以这就是为什么全部使用javascript,并且必须保持这种方式。剧本是:Javascript 将脚本更改为jquery并结合其他函数,javascript,jquery,Javascript,Jquery,我有一个脚本,我放在一起,其中一个按钮是点击它旋转45度,我也想它切换一个段落打开和关闭。我没有访问CSS的权限,因为interwoven的内容管理系统不允许我使用accerss,所以这就是为什么全部使用javascript,并且必须保持这种方式。剧本是: var img = document.images[0]; effects_of_yoga_info.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-i
var img = document.images[0];
effects_of_yoga_info.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-in-out");
var deg = 0;
effects_of_yoga_info.addEventListener('click', function() {
deg += 45;
effects_of_yoga_info.style.setProperty('-webkit-transform', 'rotateZ('+deg+'deg)');
我想在其中加入一部分,以便它们同时发生:
$("#effects_of_yoga_info").click(function () {
$("p#effects_of_yoga_text").slideToggle("fast");
});
我相信这很简单,但我一直很难理解,提前谢谢你。你的意思是这样的:
$(img).click(function () {
deg += 45;
$(this).css('-webkit-transform', 'rotateZ(' + deg + 'deg)');
$('#KittenText').slideToggle("fast");
});
让它工作起来:
var img = document.images[0];
effects_of_yoga_info.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-in-out");
var deg = 0;
effects_of_yoga_info.addEventListener('click', function() {
$("p#effects_of_yoga_text").slideToggle("fast");
deg += 45;
effects_of_yoga_info.style.setProperty('-webkit-transform', 'rotateZ('+deg+'deg)');
});
嗯,我希望它仍然是动画,我在这里设置了一部分旋转的图像,但不知道如何将其编写为jquery,因此css以相同的方式合并,并包括段落切换。哇,我真的很抱歉,我输入的第一个脚本错误,只是更新了它。