Effetto lampeggiante su link con una piccola funzione javascript
Richiamiamo come siamo piu comodi la libreria jquery
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
Lo script javascript
<script type="text/javascript">
$(document).ready(function() {
var i = 0;
var speed = 500;
link = setInterval(function() {
i++;
$(".link").css('color', i%2 == 1 ? '#FFFF00' : '#FF0000');
},speed);
});
</script>
un po di formattazione
<style type="text/css">
.link {
padding: 5px 10px;
background-color: black;
color:#FF0000;
text-decoration: none;
font-family: Arial;
font-size: 1.1em;
letter-spacing: 1px;
}
</style>
Il codice html
<div align="center">
<a href="#" class="link">Novità </a>
<a href="#" class="link">Effetto lampeggiante</a>
<a href="#" class="link">JQuery</a>
</div>
