Если не заморачиваться поддержкой древних браузеров, это можно сделать и без js:
<style>
div:target {
-webkit-animation: blim 1s 5;
-moz-animation: blim 1s 5;
-o-animation: blim 1s 5;
animation: blim 1s 5;
}
@-webkit-keyframes blim {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes blim {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes blim {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes blim {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
</style>
<a href="#q">q</a>
<a href="#w">w</a>
<div id="q">qqqqqqqqqqqqqqqqqqqqqqqq</div>
<div id="w">wwwwwwwwwwwwwwwwwwwwwwww</div>
|