Sie sind auf Seite 1von 8

Marks Obtained Dated Signature

Process Related Product Related Total


(10) (15) (25)
Marks Obtained Dated Signature

Process Related Product Related Total


(10) (15) (25)
Marks Obtained Dated Signature

Process Related Product Related Total


(10) (15) (25)
Marks Obtained Dated Signature

Process Related Product Related Total


(10) (15) (25)
Create a Webpage with Rollover Effect

<!DOCTYPE html>
<html>
<head>
<title>Rollover</title>
</head>
<body>
<img src="img1.png" onmouseover="src='img2.jpg'">
</body>
</html>
Create a webpage using intrinsic JavaScript functions
<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
</head>
<body>
<select id="dropdown_menu" onchange="menu()">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<p id="show"></p>
<script type="text/javascript">
function menu()
{
var a = document.getElementById("dropdown_menu").value;
if(a=="volvo")
{
document.write("Volvo");
}
else if (a=="saab")
{
document.write("saab");
}
else if (a=="mercedes")
{
document.write("mercedes");
}
else
{
document.write("Audi");
}
} </script></body></html>
Develop a webpage for Implementing Status bar and Webpage Protection

<!DOCTYPE html>
<html>
<head>
<title>Status Bar</title>
</head>
<body>
<script type="text/javascript">
window.status="Welcome";
function RightClickDisable()
{
alert("Not allowed to right click");
}
function InternetExplorerBrowser()
{
if(event.button==2)
{
RightClickDisable();
}
}
document.oncontextmenu=new Function("RightClickDisable();return false")
</script>
</body>
</html>
Develop a webpage for Implementing Slideshow and Banner
<!DOCTYPE html>
<html>
<head>
<title>Banner and Slideshow</title>
<script type="text/javascript">
MyBanner = new Array('img1.png','img2.jpg')
banner_count=0;
MySlide=new Array('img1.png','img2.jpg');
var i=0;
function DisplayBanner()
{
banner_count++;
if(banner_count==MyBanner.length)
{
banner_count=0;
}
document.BannerChange.src=MyBanner[banner_count];
}
function DisplaySlides(SlideNumber)
{
document.slideID.src=MySlide[SlideNumber];
}

</script>
</head>
<body onload="DisplayBanner()">
<h1> Displaying Banner</h1>
<img src="img2.jpg" height="300" width="300" name="BannerChange">
<h1> Slideshow</h1>
<img src="img1.png" name="slideID" width="200" height="200"><br>
<input type="button" value="Back" onclick="DisplaySlides(0)">
<input type="button" value="Forward" onclick="DisplaySlides(1)">
</body>
</html>

Das könnte Ihnen auch gefallen