gpt4 book ai didi

类问题的javascript语法

转载 作者:太空宇宙 更新时间:2023-11-04 03:08:41 24 4
gpt4 key购买 nike

好的,我有这个 javascript...

$(document).ready(function() {
$('#holder').toggleClass("visible");

$('a.link').click(function(event) {
// Over-rides the link
event.preventDefault();
// Sets the new destination to the href of the link
newLocation = this.href;
color = $(this).data("color");
$('body').css('background-color', color );
$('#holder').css('opacity','0' );
// Delays action
window.setTimeout(function() {
// Redirects to new destination
window.location = newLocation;
}, 250);
});

$('h1').click(function(event) {
$('#holder').toggleClass("visible");
});

});

我有这个 html .......

<body class="landingpage">

<h1 class="begining">Page Tansitions</h1>
<p><a class="link" href="/one.html" data-color="#f36c20">Page One</a></p>
<p><a class="link" href="/two.html" data-color="#edcd40">Page Two</a></p>

</body>

...这一切都很好,花花公子,js 会做它的事情并更改页面的颜色,即上面代码中的 ref 'body'...

我不想更改 html 页面的“body”标签 我想更改类,例如我的 css 和 html 中引用的 .metro .tile-area-darkCrimson...我可以在我的一生中,我想知道如何在 javascript 中呈现它,有人可以帮忙吗。

干杯,格雷格。

....除此之外,我还试图将它集成到一个更复杂的结构中,但现在似乎不起作用...我有 html 的链接,我在其中使用了一个 tile 类和确实有效的动画没有任何变化.....

<a class="tile double bg-tile1color live animated flipInX link" data-color="#f36c20" data-role="live-tile" data-effect="slideUp" data-click="transform">

当用户单击此图 block 时,我还使用了一个 javascript 触发器,这就是我想插入上述更改页面颜色的 javascript 的位置。我猜 javascript 正在覆盖转换....

<script>          
$('.tile').on('click', function () {

$(".tile").addClass("flipOutX");
setTimeout(function(){
$(".tile-group.main").css({ marginLeft:"-40px", width: "1080px"}).load("musability-musictherapy-company-overview.html");
}, 2000);

});
</script>

最佳答案

使用jquery你可以使用完整的css选择方法

$('body').css('background-color', color );

可以是这样的

$('.metro .tile-area-darkCrimson').css('background-color', color );

关于类问题的javascript语法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29931373/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com