js仿淘宝和百度文库的评分功能

本文实例为大家分享了类似于淘宝和百度文库的评分功能,js实现,供大家参考,具体内容如下

效果如图:

js仿淘宝和百度文库的评分功能_第1张图片

五个五角星分别放在了一个table的五列中。下面是一个

,用来显示评分结果的;代码如下:


 

您评了

body的onload事件绑定的是一个方法,js代码如下:



js代码主要有三个函数构成;
  ①:changebg();body的onload事件绑定的函数;为了实现对每个td元素绑定onfocus事件;
  ②:getonfocus();td元素onfocus事件的具体实现;
  ③:getindex();有两个参数,一个是td元素的集合数组,一个是相应事件的td元素,注意使用this关键字。主要返回相应事件的元素的索引,为了把响应事件元素之前的颜色显示成红色,后面的元素显示成黑色;

以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。

你可能感兴趣的:(js仿淘宝和百度文库的评分功能)