0% found this document useful (0 votes)
139 views3 pages

Css Practical 13

Download as docx, pdf, or txt
Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1/ 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