怎么能把这两个 js 功能合并，满头大汗的求问。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3060 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://www.jq22.com/demo/jQueryoverScroll20151015/
是一个 jQuery overScroll 的图片插件，很漂亮，想用来做相册导航但不能鼠标跟随。

http://www.17sucai.com/pins/demoshow/386
是鼠标跟随滚动。坐电脑前弄了两天了，也没弄好，眼睛都花了。

想问问有没有人能教我一些方法或技巧来弄它，我真的是不行了 /或者有没有现成的这种 js 。我不会写 js ，只能看懂简单的 js 来修改，显然这个已经超出我的能力范围，帮帮我吧，万分感谢。。。

求问

鼠标

overscroll

jquery

19 条回复 • 2020-11-17 16:21:36 +08:00

InFaNg

2016-07-26 13:51:40 +08:00 via Android

为什么发到 java 里

mtvboy

2016-07-26 13:54:11 +08:00

发错地方了是吧。不好意思。我对分类有点迷惑，应该发到哪里？我现在应该怎么办？

mtvboy

2016-07-26 13:56:59 +08:00

我知道了，应该发到 jquery 里。可是我在节点导航里没找到 jquery 啊。现在改怎么办？

chairuosen

2016-07-26 14:02:41 +08:00

如果不会 js ，就在已有插件里找合适的，搜 image slider 有一堆

mtvboy

2016-07-26 14:26:01 +08:00

@InFaNg 谢谢。知道发错了。
@chairuosen 我以为那个鼠标跟随的 js 只有几行代码，应该能合并上，只是在 css 上看花了眼。因为需要这样的东西，才要强行合并的，要不我就用别的了。依然谢谢你的建议。

leefly

2016-07-26 14:34:20 +08:00

@InFaNg 因为是 java script 😂

shiki

2016-07-26 15:21:01 +08:00

假设你用了第一个网址上面的插件，你可以监听图片的 hover 事件，触发它的 click 。
像第一个网址，你可以在试着在 console 里执行一下这个代码看看效果
$('#container2 > img').hover(function(){$(this).click()})；

mtvboy

2016-07-26 15:52:11 +08:00

@shiki
$('#container2 > img').hover(function(){$(this).click()})；
SyntaxError: Unexpected token ILLEGAL
message: "Unexpected token ILLEGAL"
stack: (...)
get stack: function () { [native code] }
set stack: function () { [native code] }
__proto__: Error

是不是我的姿势不对，我是用浏览器浏览第一个网址的 console 里输入的。

我觉得现在最大的问题是焦点问题，我在删除某些 css 后，能左右动但没有焦点，这么说你能理解？

DoraJDJ

2016-07-26 15:58:11 +08:00 via Android

@Livid /go/js
Javascript is not Java

shiki

2016-07-26 16:02:43 +08:00

@mtvboy 刚刚用了中文输入法，你把分号去掉或者换成英语的分号再试一下

mtvboy

2016-07-26 16:03:40 +08:00

@DoraJDJ 别生气，都是我的错，下回不会这样了。

DoraJDJ

2016-07-26 16:06:41 +08:00 via Android

@mtvboy 没生气啊，只是通知管理员移动而已。

不过我有些时候确实语气有点问题，得想办法改改了。

mtvboy

2016-07-26 16:25:22 +08:00

@shiki 哇塞好神奇，我能这么理解吗，你是让鼠标在图片上变成点击了吗？
这让我很为难。看似达到了效果，可是和第二个网址功能差别很大，由于第一个网址是被点击的图片就到中间位置了，如果鼠标不在中间位置，图片理论上就会不停的转，直到最后。我想做在页面底下当小图片目录，上面是大图，因为一次可能要载入上百张小图，所以才想这么弄的。
还有其他捷径可以指点指点吗？

HustLiu

2016-07-26 17:27:15 +08:00

Java 与 JavaScript
雷锋与雷峰塔

yixiang

2016-07-26 17:41:27 +08:00

放弃，用更简单直接的方法吧。这两个要较完美结合起来还是需要一定编码的。

phxsuns

2016-07-26 17:45:24 +08:00

继续找下你要的效果吧，不要考虑整合了。
整合两个的话，更需要功底，也更花功夫。

miaotaizi

2016-07-26 17:45:40 +08:00

难道不是在 hover 到 jQuery overScroll 的图片上的时候去执行以下 coverscroll('next')或者 coverscroll('prev') 吗?
最多就是判断以下当前的 img 与 hover 的 img 的索引大小关系

mtvboy

2016-07-27 08:42:48 +08:00

@shiki
@yixiang
@phxsuns
@miaotaizi
@lxrmido
谢谢大家。我想要的功能好像真的不是这两个插件整合就可以的，也整合不了。
第一个网址的功能是点击后焦点图片就到正中央了。而我需要的是焦点是鼠标，鼠标到哪里，哪里的图片就最大，而不是跳到中央。。
还得请大家给个建议，是重新找个别的方案，还是继续弄第一个网址的插件来实现。

xiyuesaves

2020-11-17 16:21:36 +08:00

@mtvboy 你的这个需求这个插件似乎满足不了吧,其实你的这个要求挺简单的,如果去学学 js 大概两天就能做出来