Gif анимация и курсор

Jex · November 28, 2007

Всем привет!

Ситуация такая. Есть код (из урока), благодаря которому при наведении мышью на картинку, она появляется сбоку увеличенная и при этом анимированная на пару секунд. Если курсор убрать с картинки, то анимацмия вынужденно преращается, так как gif, собственно, исчезает =)

Может ли кто нибудь помочь подправить код, чтобы после отвода мышы гифка проигрывалась до конца, а уж потом изчезала?

Заранее благодарю!

<STYLE type=text/css>

.bar A {
	DISPLAY: inline
}
.bar A SPAN {
	DISPLAY: none
}
.bar A:hover SPAN {
	DISPLAY: inline; right: 30px; POSITION: absolute
}
.bar A:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f90; BORDER-RIGHT-WIDTH: 0px
}





</STYLE>

<body bgcolor=#0f0f0f>

<P class=bar><A href="bar.html"><SPAN><IMG src="pic/bar.gif" 
border=0></SPAN><img src=pic/button_bar.gif border=0></A> </P>


</body>

D.S.Denton · November 28, 2007

можно использовать JS вместо псевдоклассов.

курить в сторону onouseover, onmouseout

Jex · December 6, 2007

Ну лана, вот кусок с онмаусами, тока сути это не изменило

Мышку отводишь, гифка (где цикл анимации всего один), исчезает, как и полагается. Но как же все таки сделать так, что гифка проигралась один раз, а только потом исчезла с экрана?

Sign In

Gif анимация и курсор

Question

Jex

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

D.S.Denton

Link to comment

Share on other sites

Jex

Link to comment

Share on other sites

Обсуждения

Forums

Important Information