I kind of liked the effect, so i quickly wrote a prototype using dojo,
though there is really no dojo-specific stuff going on (except the
_Line class, which is just an object with a start, end, and
a .getValues() method to return a point based on a percentage passed
(n = 0..1))
this could all easily be achieved with jQuery, more than likely:
hope this helps.
var init = function(){
var obj = {
// summary: our arbitrary object
lo: (function(){
// summary: maybe too complicated a way to get the size
of the
viewport
return dojo.coords(outerPane).h;
})(),
line: (function(){
// summary: a stored set of scroll offsets for easy
access
return new
dojo._Line(0,(dojo.coords(mainCp.domNode).h)); //
dojo._Line
})(),
_set: function(/* Int */offset){
// summary: set the pane's scroll offset
outerPane.scrollTop = Math.floor(offset);
},
_calc: function(/* Event */e){
// summary: calculate the relative offset of the
cursor, and call
_set()
var n = (e.clientY/this.lo);
this._set(this.line.getValue(n))
}
};
// set it off when the mouse is moving inside the div
dojo.connect(outerPane,"onmousemove",obj,"_calc");
};
$(document).ready(init);
oh "outerPane" and "mainCp.domNode" are two basic nodes.
outerPane has overflow:hidden, and the inner node (mainCp.domNode) is
just naturally sized.
Regards,
Peter Higgins
On Nov 28, 10:59 am, Gerson Goulart <[EMAIL PROTECTED]> wrote:
> Hey there,
>
> Someone know how to do this mouseoverscrollefect (in playlist) using
> jQuery:
>
> http://www.flashloaded.com/flashcomponents/flvplayerpro/example1.html
>
> Thanks!
> Gerson.
