我有一个<div>,我想在悬停时切换它的类.
这是我的代码:
function a(){
this.classList.toggle('first');
this.classList.toggle('sec');
}
document.querySelector('#container').addEventListener('click', a );
我知道我的HTML或CSS没有问题.只是我必须改变并放置一些东西click,但我不知道是什么.
请帮忙!!
您好,我希望当我滚动浏览它或滚动到文本所在的位置时会出现某个文本.出现时的效果应该有点像网站顶部的第一个效果http://namanyayg.com/.
我想用纯CSS和JS的最小代码效果,即没有jQuery.
我在想,也许我会使用类似于display:none属性的东西作为跨度,然后当你滚动过去它display变成block但我不知道如何使用javascript触发效果.任何帮助,将不胜感激.
我想为我的纯JavaScript切换类函数添加过渡时间，我知道该如何编码，但是我忘记了，现在需要一些建议
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#div{
width: 200px;
height: 150px;
}
.class1 {
color: #f00;
background-color: #2fadac;
}
.class2 {
color: #00f;
background-color: #c33;
}
</style>
</head>
<body>
<div id="div" class="class1">click here</div>
<script>
function classToggle() {
this.classList.toggle('class1');
this.classList.toggle('class2');
style.cssText ="-webkit-transition: all 0.5s ease-in-out;";
}
document.querySelector('#div').addEventListener('click', classToggle);
</script>
</body>
</html>
任何帮助，将不胜感激