JavaScript图像翻转
我有一些运行JavaScript图像翻转的代码,我是JS新手,我需要图像在悬停和关闭时翻转,如果我将其设置为On Hover,则每次移动鼠标时它都会翻转,而不是在鼠标关闭时 代码如下:JavaScript图像翻转,javascript,jquery,Javascript,Jquery,我有一些运行JavaScript图像翻转的代码,我是JS新手,我需要图像在悬停和关闭时翻转,如果我将其设置为On Hover,则每次移动鼠标时它都会翻转,而不是在鼠标关闭时 代码如下: $(document).ready(function () { setInterval(function () { $('.sponsorFlip').load('script.js'); $('.sponsorFlip').load('jquery.flip.min.js
$(document).ready(function () {
setInterval(function () {
$('.sponsorFlip').load('script.js');
$('.sponsorFlip').load('jquery.flip.min.js');
}, 30000);
$('.sponsorFlip').one("mouseenter mouseleave", function () {
var elem = $(this);
if (elem.data('flipped')) {
elem.revertFlip();
elem.data('flipped', false)
}
else {
elem.flip({
direction: 'rl',
speed: 250,
onBefore: function () {
elem.html(elem.siblings('.sponsorData').html());
}
});
elem.data('flipped', true);
}
});
$('.sponsorFlip').bind("click", function () {
var elem = $(this);
if (elem.data('flipped')) {
elem.revertFlip();
elem.data('flipped', false)
}
else {
elem.flip({
direction: 'rl',
speed: 250,
onBefore: function () {
elem.html(elem.siblings('.sponsorData').html());
}
});
elem.data('flipped', true);
}
});
});
利用课堂预览-
你能举个例子吗?
$('div').bind('mouseover mouseout', function(){
var self = $(this);
if(self.toggleClass('flipped').hasClass('flipped')) {
self.html('rl');
}
else {
self.html('lr');
}
});