数码资讯
淘宝的星级功能例jquery实现
本文介绍了jQuery星级功能类似于淘宝的实现,供你参考大家共享,具体方法如下: 代码的HTML部分如下所示: * * * * * 在上面的代码中: idp表示瞬时分数 得分显示最后的分数。 Javascript代码如下所示: $(函数(){()) / /标签里结合mouseout和mouseove
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了jQuery星级功能类似于淘宝的实现,供你参考大家共享,具体方法如下:
代码的HTML部分如下所示:
*
*
*
*
*
在上面的代码中:
idp表示瞬时分数
得分显示最后的分数。
Javascript代码如下所示:
$(函数(){())
/ /标签里结合mouseout和mouseover事件。绑定(事件名称:函数(){ { },事件名称:功能)({ } })将多个事件的方法
$(div里#)。Bind({
Mouseout:函数(){
美元(这个)。Css(颜色)
},
鼠标悬停:函数(){
美元(这个)。Css(颜色)
}
});
实时显示分数。{搜索元素,并返回相应的元素索引值,从0开始计数。
$(div里#)。Mouseover(function(){)
$(# P )。Html(parseInt($(this)。指数(# div里))+ 1);
});
/ /鼠标,确定分数。量没有变化,大局已定。
$(div里#)。Mousedown(function(){)
$(#得分)。Html(您选择的评分是+(parseInt($(this)。指数(# div里)+ 1 ))))))
美元(这个)。Css(颜色)
/ /绑定事件里都清楚——绑定标签方法可以增加删除特定事件参数没有完全清除。
$(这)。Unbind()PrevAll()Unbind()NextAll()Unbind();
});
})
希望本文能帮助您的jQuery Web程序设计。
代码的HTML部分如下所示:
*
*
*
*
*
在上面的代码中:
idp表示瞬时分数
得分显示最后的分数。
Javascript代码如下所示:
$(函数(){())
/ /标签里结合mouseout和mouseover事件。绑定(事件名称:函数(){ { },事件名称:功能)({ } })将多个事件的方法
$(div里#)。Bind({
Mouseout:函数(){
美元(这个)。Css(颜色)
},
鼠标悬停:函数(){
美元(这个)。Css(颜色)
}
});
实时显示分数。{搜索元素,并返回相应的元素索引值,从0开始计数。
$(div里#)。Mouseover(function(){)
$(# P )。Html(parseInt($(this)。指数(# div里))+ 1);
});
/ /鼠标,确定分数。量没有变化,大局已定。
$(div里#)。Mousedown(function(){)
$(#得分)。Html(您选择的评分是+(parseInt($(this)。指数(# div里)+ 1 ))))))
美元(这个)。Css(颜色)
/ /绑定事件里都清楚——绑定标签方法可以增加删除特定事件参数没有完全清除。
$(这)。Unbind()PrevAll()Unbind()NextAll()Unbind();
});
})
希望本文能帮助您的jQuery Web程序设计。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。