JavaScript MooTools图像翻转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript MooTools图像翻转相关的知识,希望对你有一定的参考价值。

window.addEvent('domready', function() {
$$('img.mo').each(function(img) {
	var src = img.getProperty('src');
	var extension = src.substring(src.lastIndexOf('.'),src.length)
	img.addEvent('mouseenter', function() { img.setProperty('src',src.replace(extension,'-mo' + extension)); });
	img.addEvent('mouseleave', function() { img.setProperty('src',src); });
});
});

//Usage:

<a href="/"><img src="/graphics/sugar.jpg" alt="Sugar" class="mo" height="50" width="150"></a>

以上是关于JavaScript MooTools图像翻转的主要内容,如果未能解决你的问题,请参考以下文章

如何在 JavaScript 中水平翻转图像

JavaScript 提交按钮作为图像+翻转

JavaScript 图像翻转(DOM)

HTML 没有javascript的图像翻转()

Mootools 是不是 100% 防止 javascript 关闭?

Javascript mootools脚本添加