小编use*_*915的帖子

当我显示它时,我试图将div向左滑动,当我隐藏它时向右滑动它,但我不想使用jQuery.有没有办法做简单的动画,并支持IE7和IE8而不使用JavaScript库？

这是我的show/hide js:

function showHide() {
 var Elliot = document.getElementById('Daniel').style.display;

 if (Elliot == "block") {
  document.getElementById('Daniel').style.display = "none"; 
 } else {
  document.getElementById('Daniel').style.display = "block";
 };
};

HTML看起来像:

<a href="#" onclick="showHide();return false;">click me</a>

<div id="Daniel" style="display:block; width: 300px; height: 50px;">
<!-- some stuff -->
</div>

我有一个元素,我在CSS中为悬停状态设置文本颜色和不同的文本颜色.我有一些javascript,所以当我点击元素时,它会改变元素的文本颜色.它工作正常,除了它还影响悬停CSS,我希望保持与预先单击的悬停CSS相同.无论如何要阻止悬停css受影响或设置悬停CSS？

http://jsfiddle.net/77zg8/

CSS:

#test {color: blue;}
#test:hover {color:green;}

HTML:

<div id="test" onClick="javascript:change()">qwerty</div>

使用Javascript:

function change() {document.getElementById("test").style.color="#cc0000";};