我有很少的动画图片,我想将光标更改为默认(在图片上),动画启动后,如果你尝试我的动画,你会看到在onclick功能之后你还有光标:指针在pic上。但我希望在动画之后有默认值。
我的小提琴:http://jsfiddle.net/1u6kbz7q/
HTML
<div id="facebook_text">
<a href="https://www.facebook.com/rostislav.danko" alt="facebook" target="_blank">Odkaz</a>
</div>
<div id="facebook_image">
<img class="facebook_animation" src="facebook.jpg"></img>
</div>
<script src="facebook_animation.js" type="text/javascript"></script>
CSS
#facebook_text {
display: none;
}
#facebook_text a {
position: absolute;
font-size: 15px;
text-decoration: none;
margin-left: 50px;
margin-top: 35px;
z-index: 1;
}
#facebook_text a:hover {
color: #e5e500;
}
#facebook_image.fly {
position: absolute;
margin-left: 125px;
margin-top: 0px;
transition: ease-in-out 1s;
}
#facebook_image img {
position: absolute;
z-index: 10;
height: 35px;
width: 35px;
margin-top: 25px;
transition: ease-in-out 1s;
cursor: pointer;
}
的javascript
document.querySelector('.facebook_animation').onclick=function() {
var d = document.getElementById("facebook_image");
d.className = d.className + " fly";
d.style.cursor = 'default';
var t = document.getElementById("facebook_text");
var delayed = setTimeout(function() {
t.style.display = 'block';
}, 500);
}
答案 0 :(得分:2)
不需要在游标上涉及JS:http://jsfiddle.net/1u6kbz7q/3/
你已经添加了.fly
,所以只需在CSS中定位.fly的图像
#facebook_image.fly img{
cursor: default;
}
<img>
也是一个自动关闭的标签。无需使用结束</img>