IT教程 | 加入收藏 | 简体 | 繁体
Tangram教程:JavaScript...JQuery教程ExtJS教程Tangram教程Ajax教程
当前位置: 首页 > Js+Ajax > Tangram教程

baidu.ui.StarRate 星级评价条

2012-07-23来源:[www.121ask.com]热度:0℃ 【字体:

baidu.ui.StarRate

星级评价条

  语法: new baidu.ui.StarRate(options)  

返回值:<instance> 实例对象

 

参数

<Object> * options 选项
<Number>    total 总数,默认5个
<Number> * current 当前亮着的星星数
<String> * classOn 星星点亮状态的className
<String> * classOff 星星未点亮状态的className

实例方法

<void> render(...) 渲染控件
<void> starAt(...) 指定高亮几个星星
<void> hoverAt(...) 鼠标悬停指定高亮几个星星
<void> clickAt(...) 鼠标点击指定高亮几个星星
<void> disable() 值不可更改,即不响应鼠标事件
<void> enable() disable之后的恢复
<void> dispose() 销毁控件

 实例:

<body>
 
<div style="margin:20px"><div id="starId"></div><div id="info"></div></div>
 
</body>
 
<script type="text/javascript">
 
var instance = new baidu.ui.StarRate({total:10,current:5,onclick:function(evt){ this.starAt(evt.data.index); }});
 
instance.render("starId");
 
/*
 
instance.disable();
 
*/
 
/*
 
instance.enable();
 
*/
 
/*
 
(function(n){
 
  instance.hoverAt(parseInt(n));
 
})('3');
 
*/
 
/*
 
(function(n){
 
  instance.clickAt(parseInt(n));
 
})('3');
 
*/
 
/*
 
(function(n){
 
  instance.starAt(parseInt(n));
 
})('3');
 
*/
 
//提示:您可以使用注释中的代码进行演示
 
</script>

 

以上IT文章《baidu.ui.StarRate 星级评价条》由名客技术网[www.121ask.com]提供阅读!
名客技术网是一个免费为广大IT技术人员提供IT教程,绿色软件,asp/php/jsp/java/net等实例视频教程,CMS教程,破解软件下载以及学习相关源码、知识的IT网站。
名客技术网如果无意之中侵犯了您的版权,请来电告知,本站将在3个工作日内删除 QQ:175352796
Copyright 2011-2017 Powered by 121ASK.COM, All Rights Reserved.
备案号:鄂ICP备11013833号-3