9 replies to this topic

[Wyatt]

How can create rollover effects? Give me an example please. Would be very grateful for the assistance.

Edited by Wyatt, 15 August 2010 - 12:07 AM.

[WingedPanther]

rollover effects - Google Search

You may want to be more specific as to which effects you are talking about. There are CSS rollover effects, MooTools/jQuery effects, etc.

[Wyatt]

How can I optimize the code.

  

var item = document.getElementById(this.domElementId).childNodes;

for( var i = 0; i < item.length; i++ ) {

        item[i].onmouseover = function() {

              this.className = 'someClass';               

        }


       item[i].onmouseover = function() {

            this.className = '';   

        }

    }  

Not to cause an anonymous function?

[Wyatt]

As an example you can show please, because I do not much understand your point.

[Wyatt]

What we accomplish by removing onmouseout?
Still under 100 elements will create 100 functions, and also we can not manipulate onmouseout which should be a logic...

[Wyatt]

I have for each element declared 2 events onmouseover, onmouseout.
So li onmouseover ='.......' onmouseout = '..........'

I can not understand what you mean....

Please give an example

[Wyatt]

This implementation will be optimal than the previous ?

        var element = null;

        var handlerOnMouseOver = function() {
            // some style
        }

        var handlerOnMouseOut = function() {
            //some style ....
        }

        for( var i = 0; i < item.length; i++ ) {
            element = item[i];
            element.onmouseover = handlerOnMouseOver;
            element.onmouseout = handlerOnMouseOut;
        }