html 快速和肮脏的图像翻转

Posted 2021-05-11

<img src="http://nonhover.jpg" alt="" class="roll-over" data-roll-over="http://hover.jpg" />
<script>
jQuery( "img.roll-over" ).hover( function() {
	var old  = $(this).attr('src');
	var roll = $(this).data('roll-over');
	$(this).attr('src', roll).data('roll-over', old);
  }, function() {
   	var old  = $(this).attr('src');
	var roll = $(this).data('roll-over');
	$(this).attr('src', roll).data('roll-over', old); 
  }
);

</script>