前言:下面我们接着旅程7继续我们的JavaScript Dom征程8。在这篇博客中我们还是继续书写我们控制层的练习代码，在这篇博客中我会实现这几个功能点，第一个就是评分控件的实现，现在很多网站都有这个功能，就是你写了一个博客，让别人给你评论，还有鼠标的移动的一些知识点及文本框的提示信息等技术

1. 控制层的练习

(1)练习3：评分控件v2。用一个单行5列的table，td中默认都是startEmpty.jpg这个图片,监听td的mouseover事件，鼠标在一个td的时候将这个td以及之前的td的内容换成starFill.jpg这张图片。鼠标在评分控件上的时候显示显示超链接形式的鼠标图标

1    58 59 60 61     
     
      62 63         
        64 65             
66 67             
68 69             
70 71             
72 73             
74 75             
76 77         
78 79     
      
       
        
☆
        
☆
        
☆
        
☆
        
☆
        
☆
       
      
     
80 81 

 

 

(2) 练习4：界面上有几个球队的名字的列表，将鼠标放在球队名字上就变成红色背景，其他球队背景颜色为白色，点击一个球队的时候就将点击的球队变成fontSize=30字体。

1    50 51 52 53     
     
      54 55         
      
美国
56 57         
      
韩国
58 59         
      
朝鲜
60 61         
      
国足
62 63         
      
俄罗斯
64 65     
     
66 67 

 

 

(3)练习5：有一个搜索文本框，焦点不再文本框中的时候，如果文本框没有值，则文本框显示为灰色文本(Gray)的“输入搜索关键字”，否则显示用户输入的值；焦点在文本框中时如果之前显示”输入搜索关键字”，则清空文本框的值，并且将文本修改为黑色。Onfocus的时候如果文本框中的值为”输入搜索关键字”，则清空文本框，并且恢复文本框中的颜色为Black，onblur的时候如果文本框中没有值，则将文本框的值设置为”输入搜索关键字”并且文本框中显示灰色文本(Gray)，style.color=’Gray’

1     28 29     30 31