简体   繁体   English

如何创建在mouseOver上滚动的内容区域(图像库)

[英]How do I create a content area (image gallery) that scrolls on mouseOver

I was looking to create an image gallery in my blog. 我当时想在博客中创建一个图片库。 However, I was wondering how possible it would be for the gallery to scroll through my images on mouseOver. 但是,我想知道画廊在mouseOver上滚动浏览我的图像的可能性如何。 Basically, when the user moves his/her mouse up or down the image gallery, the images scroll up or down accordingly. 基本上,当用户向上或向下移动图库时,图像会相应地向上或向下滚动。

I have seen a few examples where it has been done in flash, but i was wondering if it was possible for it to be done in Javascript. 我已经看到了一些在Flash中完成此操作的示例,但我想知道是否有可能用Javascript完成。 An example of what I am talking about can be seen on deep.co.uk . 我正在谈论的一个例子可以在deep.co.uk看到 This example is constructed in flash and allows the user to skim through the agency's portfolio by moving the mouse up and down the div. 此示例以Flash格式构建,允许用户通过上下移动div来浏览代理商的产品组合。 I am aware that loads of free javascript alternatives are online, but i haven't managed to find anyone that does it on mouseOver. 我知道有很多免费的JavaScript替代方法在线,但是我还没有找到任何在mouseOver上做到这一点的人。 I would appreciate it if someone has come across something like this or has used something like this in one of their projects. 如果有人遇到过这样的事情或在他们的一个项目中使用过这样的事情,我将不胜感激。

Thanks in advance. 提前致谢。

Yours sincerely, Seedorf 真诚的,Seedorf

Maaki has i nice version here: http://www.maaki.com/thomas/SmoothDivScroll/ Maaki在这里有我不错的版本: http : //www.maaki.com/thomas/SmoothDivScroll/

supports mouse hot spot scrolling, and auto start/stop 支持鼠标热点滚动和自动启动/停止

Here is a script which scrolls content vertically onMouseOver. 这是一个脚本,可在onMouseOver上垂直滚动内容。

http://www.dyn-web.com/code/scroll/demos.php http://www.dyn-web.com/code/scroll/demos.php

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM