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脚本添加