Scribd Logo
Upload

Welcome to Scribd!

  • Css Practical 13

    Uploaded by

    Shekhar Jadhav
    50 views3 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    50 views3 pages

    Css Practical 13

    Uploaded by

    Shekhar Jadhav

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    COMPUTER ENGINEERING DEPARTMENT

    Subject: Client Side Scripting Subject Code: 22519


    Semester: 5th Course: Computer Engineering
    Laboratory No: L001B Name of Subject Teacher:
    Name of Student: Roll Id:

    Experiment No: 13
    Title of Experiment Create a webpage with Rollover effect

    Theory: -

    • Rollover occurs when content of web page changes as mouse cursor moves over and
    away from an object on the page.

    • Object can be image , text or any element of a form.

    • Rollover caused by an event called onmouseover

    Program: -

    <html>

    <body>

    <img src="penguin.jpg"

    width=“600" height=“400“

    onmouseover="src='Koala.jpg'"/>

    </body>

    </html>

    Output:-

    Page | 1
    Initially

    After Moving Mouse over image

    Rollback:

    Rollback caused by an event called onmouseout

    Text Rollovers:

    <html>
    <body>
    <a><img src="penguin.jpg" width="500" height="400"

    Page | 2
    name="cover“ /></a><br>
    <a onmouseover="document.cover.src='penguin.jpg'">
    <h3>Penguin</h3></a>
    <br>
    <a onmouseover="document.cover.src='Koala.jpg'">
    <h3>Koala</h3></a>
    <br>
    <a onmouseover="document.cover.src='Jellyfish.jpg'">
    <h3>Jellyfish</h3></a>
    <br>
    </body>
    </html>

    Grade and C (35M) P (15M) Total ( 50 M) Dated Sign


    Dated
    Signature of
    Teacher

    Page | 3

    You might also like