现在随便那个 JavaScript 框架实现像翻转器这样的功能都再容易不过,它们的基础都是 JavaScript,但框架只会让你变得 stupid。知其然,而不知道其所以然。要是用 jQuery 实现一个两状态翻转,几行就行了。
function() {
$('img').each(function() {
$(this).mouseout(function() {
$(this).attr('src', 'images/' + $(this).attr('id') + '_off.gif');
});
$(this).mouseover(function() {
$(this).attr('src', 'images/' + $(this).attr('id') + '_on.gif');
});
});
});