this jquery project file structure should be all within separate files, I.E. js,
ID: 3698961 • Letter: T
Question
this jquery project file structure should be all within separate files, I.E. js, css, html.
need to start a new blank html file and create or import a 6 by 8 table with an id of Content.
then need to style the table where ever other row has a different background color – this is a good practice for visual appeal.
When you hover over the table rows I want to apply a class of highlight on the current row you are hovering, this should be in you CSS file.
I also want this page to contain an appropriate image of your choice. I would like you to position the image to the top right of the webpage using Jquery.
Explanation / Answer
HTML CODE:(ie.html)
<html>
<head>
<link rel = "stylesheet" href="ie.css">
</link>
</head>
<body>
<img src="/Users/shivani/Downloads/Spicybg.png">
<table border = "1">
<tr bgcolor="#FF0065">
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
<td>Row 1, Column 3</td>
<td>Row 1, Column 4</td>
<td>Row 1, Column 5</td>
<td>Row 1, Column 6</td>
<td>Row 1, Column 7</td>
<td>Row 1, Column 8</td>
</tr>
<tr bgcolor="#FF1974">
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
<td>Row 2, Column 3</td>
<td>Row 2, Column 4</td>
<td>Row 2, Column 5</td>
<td>Row 2, Column 6</td>
<td>Row 2, Column 7</td>
<td>Row 2, Column 8</td>
</tr>
<tr bgcolor="#FF3283">
<td>Row 3, Column 1</td>
<td>Row 3, Column 2</td>
<td>Row 3, Column 3</td>
<td>Row 3, Column 4</td>
<td>Row 3, Column 5</td>
<td>Row 3, Column 6</td>
<td>Row 3, Column 7</td>
<td>Row 3, Column 8</td>
</tr>
<tr bgcolor="FF4C93">
<td>Row 4, Column 1</td>
<td>Row 4, Column 2</td>
<td>Row 4, Column 3</td>
<td>Row 4, Column 4</td>
<td>Row 4, Column 5</td>
<td>Row 4, Column 6</td>
<td>Row 4, Column 7</td>
<td>Row 4, Column 8</td>
</tr>
<tr bgcolor="FF66A2">
<td>Row 5, Column 1</td>
<td>Row 5, Column 2</td>
<td>Row 5, Column 3</td>
<td>Row 5, Column 4</td>
<td>Row 5, Column 5</td>
<td>Row 5, Column 6</td>
<td>Row 5, Column 7</td>
<td>Row 5, Column 8</td>
</tr>
<tr bgcolor = "FF7FB2">
<td>Row 6, Column 1</td>
<td>Row 6, Column 2</td>
<td>Row 6, Column 3</td>
<td>Row 6, Column 4</td>
<td>Row 6, Column 5</td>
<td>Row 6, Column 6</td>
<td>Row 6, Column 7</td>
<td>Row 6, Column 8</td>
</tr>
</table>
</body>
</html>
CSS FILE(ie.css)
tr:hover{
background-color: white;
}?
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.