treehouse : what would you like to learn today?
Web Design Web Development iOS Development

JS Noob here.Simple mouseover question.

  • var videosList = {
    defaultVideo: "examplevideo",
    videos: {
    "examplevideolistname": {
    "examplevideoname": "examplevideonumber",
    "examplevideoname": "examplevideonumber",
    "examplevideoname": "examplevideonumber",
    "examplevideoname": "examplevideonumber",
    "examplevideoname": "examplevideonumber",
    "examplevideoname": "examplevideonumber",
    }
    }
    };


    This is the code that organizes and displays a sidebar for my videos by name and links them to the corresponding number. What I would like to know is if or how I can simply add a mouseover effect to each video with it's own styleable text box? Let me know if I need to provide more info for help here.

    Thanks in advance!
  • I think some more info is needed. For example, why do you need to use JS for the mouseover? Is simply using :hover in CSS not going to work?