/prog/ - jquery — World4ch

Name: Anonymous 2010-12-03 17:50

why doesen't this work?

<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".left").hover(function () {
      $(".left").addClass("hover");
    });
};

</script>
</head>
<body>
    <div class="artdesign"> <div class="left"></div><div class="right"></div> </div>
</body>
</html>

Name: Anonymous 2010-12-03 17:54

It's because you didn't use the code tags.

Name: Anonymous 2010-12-03 18:12

how do i hover over empty div elment

Name: Anonymous 2010-12-03 18:28

It's empty but it has got a size

<html>

    <head>

        <style type="text/css">

            .artdesign

            {

                height:187px;

                width:1063px;

                display:block;

                background-image: url(Design-art.png);

            }

            .right

            {

                width:40%;

                height:100%;

                float:right;

                display:block;

            }

            .left

            {

                width:60%;

                height:100%;

                float:left;

                display:block;

            }

        </style>

        <script src="http://code.jquery.com/jquery-1.4.4.js"></script>

        <script type="text/javascript">

            $(".left").hover(function()

                {

                    $(this).addClass("hover");

                    $(".artdesign").css('background-image: url(Design-art-arthover.png);');

                }

            );

            $(".right").hover(function()

                {

                    $(".artdesign").css('background-image: url(Design-art-designhover.png);');

                }

            );

        </script>

    </head>

    <body>

        <div class="artdesign"> <div class="left"></div><div class="right"></div> </div>

    </body>

</html>

jquery

1 Name: Anonymous 2010-12-03 17:50

2 Name: Anonymous 2010-12-03 17:54

3 Name: Anonymous 2010-12-03 18:12

4 Name: Anonymous 2010-12-03 18:28

6 Name: Anonymous 2011-02-03 5:01

Name: Anonymous 2010-12-03 17:50

Name: Anonymous 2010-12-03 17:54

Name: Anonymous 2010-12-03 18:12

Name: Anonymous 2010-12-03 18:28

Name: Anonymous 2011-02-03 5:01