-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTask1_html
43 lines (41 loc) · 1.42 KB
/
Task1_html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
<script type="text/javascript" language="javascript" src="star.js"></script>
<span id="rateStatus">Rate Me...</span>
<span id="ratingSaved">Rating Saved!</span>
<div id="rateMe" title="Rate Me...">
<a onclick="rateIt(this)" id="_1" title="Rate1" onmouseover="rating(this)" onmouseout="off(this)"></a>
<a onclick="rateIt(this)" id="_2" title="Rate2" onmouseover="rating(this)" onmouseout="off(this)"></a>
<a onclick="rateIt(this)" id="_3" title="Rate3" onmouseover="rating(this)" onmouseout="off(this)"></a>
<a onclick="rateIt(this)" id="_4" title="Rate4" onmouseover="rating(this)" onmouseout="off(this)"></a>
<a onclick="rateIt(this)" id="_5" title="Rate5" onmouseover="rating(this)" onmouseout="off(this)"></a>
</div>
</html>
<style type="text/css">
#rateStatus
{
float:left; clear:both; width:100%; height:20px;
}
#rateMe
{
float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;
}
#rateMe li{
float:left;list-style:none;
}
#rateMe li a:hover,
#rateMe .on{
background:url(star_on.gif) no-repeat;
}
#rateMe a
{
float:left;background:url(star_off.gif) no-repeat;width:12px; height:12px;
}
#ratingSaved
{
display:none;
}
.saved{
color:red;
}
</style>
</html>