CSS3 onclick激活另一个DIV的动画 [英] CSS3 onclick activate another DIV's animation

问题描述

我有一个菜单栏链接到我的页面上的锚点。目前页面中的内容是动态的，在初始页面加载时使用CSS3淡入淡出，但是我想让它们在菜单栏中的某个锚点链接被点击后淡入。我该如何做？

I've got a menu bar that links to anchors on my page. At the moment there's content within the page which is animated to fade in using CSS3 on the initial page load but I'd like instead for them to fade in after the certain anchor link in the menu bar is clicked. How do I do that?

例如。

推荐答案

下面是一个演示， javascript） http://jsfiddle.net/kevinPHPkevin/K8Hax/

Here is a demo to have an onclick even with CSS only (no javascript) http://jsfiddle.net/kevinPHPkevin/K8Hax/

CSS

#box1 {
    display:none;
}
#box1:target {
    display:block;
}

HTML

<a href="#box1">Click Me</a>
<div id="box1">test test</div>

这篇关于CSS3 onclick激活另一个DIV的动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！