图像悬停jQuery插件是如何工作的?
我想使用我的网站上的插件 因为我只使用jQuery一周,所以我没有那么熟练。我想要的是: 在我的网站上,我创建了各种各样的缩略图,显示了我的项目预览。我想要的是,当你看到一张“悬停”的图片时,这张图片有一个模式,就是它原来的样子。(这个模式在所有的图片中都是如此。)有人能帮我实现代码吗 这将是淡出的一部分:图像悬停jQuery插件是如何工作的?,jquery,jquery-plugins,hover,jquery-hover,Jquery,Jquery Plugins,Hover,Jquery Hover,我想使用我的网站上的插件 因为我只使用jQuery一周,所以我没有那么熟练。我想要的是: 在我的网站上,我创建了各种各样的缩略图,显示了我的项目预览。我想要的是,当你看到一张“悬停”的图片时,这张图片有一个模式,就是它原来的样子。(这个模式在所有的图片中都是如此。)有人能帮我实现代码吗 这将是淡出的一部分: if(opt.fade){ var offset = node.offset(); var hover = node.clone(true); h
if(opt.fade){
var offset = node.offset();
var hover = node.clone(true);
hover.attr('src', hoverImg);
hover.css({
position: 'absolute',
left: offset.left,
top: offset.top,
zIndex: 1000
}).hide().insertAfter(node);
node.mouseover(
function(){
var offset=node.offset();
hover.css({left: offset.left, top: offset.top});
hover.fadeIn(opt.fadeSpeed);
node.fadeOut(opt.fadeSpeed,function(){node.show()});
}
);
hover.mouseout(
function(){
node.fadeIn(opt.fadeSpeed);
hover.fadeOut(opt.fadeSpeed);
}
);
}else{
node.hover(
function(){node.attr('src', hoverImg)},
function(){node.attr('src', orgImg)}
);
}
请看我所做的示例。我必须引入imghover的完整源代码,并将其作为内联脚本输入,因为出于某种原因,我无法让它直接从存储库流式传输,但我没有修改插件内部的任何内容。您提供的链接上的文档非常清晰,应该可以帮助您实现这一点,只需很少的修改困难。你不了解文档的任何特定部分吗?是的,这有点难说,但是,在jquery的网站上,你可以通过src“”链接任何你想用于悬停的带有他的路径的图像。这不起作用。我也知道jquery,但有一点想让它起作用!我也不想o let fade,这件作品可能会有什么,但我不知道怎么做?这是代码的一部分:(function($){$.fn.extend({imghover:function(opt){return this.each(function(){opt=$.extend({前缀:'',后缀:'',src:'img_algemeen/img_hover.png',b非线性:真,淡入淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡;您可以看到我已经填充了悬停图像的源代码。您更改了什么?我没有更改任何内容。只需将源代码剪切并粘贴到JSFIDLE中,给它一个图像路径(.imghover({src:)http://..../...jpg"})它起作用了。在进一步查看之后,我不知道我是否碰巧忘记了一个链接。你可能知道它是什么,因为他仍然没有处理那个悬停。