0% found this document useful (0 votes)
30 views5 pages

Image Harving - Bootstrap Day

The document contains code to generate a calendar by iterating through dates of a month. It prints the calendar to the document using document.write. On hovering over elements, it changes their colors and images.

Uploaded by

Ceh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
30 views5 pages

Image Harving - Bootstrap Day

The document contains code to generate a calendar by iterating through dates of a month. It prints the calendar to the document using document.write. On hovering over elements, it changes their colors and images.

Uploaded by

Ceh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

var day = Calendar.

getDate();

// HIGHLIGHT TODAY'S DATE

if( today==Calendar.getDate() )

cal += highlight_start + day + highlight_end + TD_end;

// PRINTS DAY

else

cal += TD_start + day + TD_end;

// END ROW FOR LAST DAY OF WEEK

if(week_day == DAYS_OF_WEEK)

cal += TR_end;

// INCREMENTS UNTIL END OF THE MONTH

Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</TD></TR></TABLE></TABLE>';

// PRINT CALENDAR

document.write(cal);

// End -->

</script>

</center>
<br/><div style="clear:both"></div><div><a target="_blank" href=""><span style="font-size: 8pt; text-
decoration: none"></span></a></div>

</body>

</html>

Color hovering

<html>

<head>

<style type="text/css">

.picColor{

width:320px;

height:240px;

border:5px solid #000000;

}
.picColor:hover

background:#FF2400;

width:320px;

height:240px;

</style>

</head>

<body>

<div class="picColor">

</div>

</body>

</html>

IMAGE HOVERING
IMAGE HOVERING

<html>
<head>
<style type="text/css">
.urlImg {
width: 185px;
height:185px;
display:block;
background-image: url('bg1.png');
}
.urlImg:hover {
background-image: url('2.jpg');
}
</style>
</head>
<body>
<a href="http://www.corelangs.com" class="urlImg"
title="daljit"></a>
</body>
</html>

You might also like