调用:
  

$(function(){
Starinput.initiate({name:'qr1_z.startlevel',tar: $("#sitelogo1"), stars:5});
Starinput.initiate({name:'qr15.startlevel',tar: $("#sitelogo2"), stars:5});
});

Starinput.initiate({name:'qr15.startlevel',tar: $("#starLevelQuery"), stars:5, defaut_star: parseInt('${qr15.startlevel}')});


var Starinput = {

        /**
* conf:{ name:'', id:'', (optional) tar:$("#starinput"), stars:5 }
*/
initiate : function(conf) { var ipt = $('<input>');
ipt.attr('name', conf.name);
if (conf.id) {
ipt.attr('id', conf.id);
}
ipt.attr('type', 'hidden');
ipt.val(""); conf.tar.append(ipt);
var ul = $('<ul>');
for ( var i = 1; i <= conf.stars+1; i++) {
var s = $("<li>");
s.attr('idx', i);
s.addClass("star-item");
s.css({
"cursor" : "pointer",
"width" : "18px",
"height" : "18px",
"margin-right":"5px",
"background" : "url('image/nian_hui"+i+".png')",
"float" : "left"
}); s
.click(function() {
if ($(this).hasClass("selected")) {
//alert("fd");
Starinput.clear(conf.tar,parseInt($(this).attr(
'idx')));
//ipt.val(0);
} else {
Starinput.setLevel(conf.tar, parseInt($(this).attr(
'idx')));
}
});
ul.append(s);
}
conf.tar.append(ul);
if (conf.defaut_star) {
var defau=conf.defaut_star;
var deau_shuz=defau.split(";");
for(var i in deau_shuz){
Starinput.setLevel(conf.tar,deau_shuz[i]);
}
}
}, clear : function(tar,val) {
var t = tar;
var idx = val;
var lis = t.find("li");
lis.eq(idx-1)
.css("background", "url('image/nian_hui"+idx+".png')")
.removeClass("selected");
var selectd=tar.find('li[class="star-item selected"]');
var sels="";
for(var i=0;i<selectd.length;i++){
sels=sels+selectd.eq(i).attr("idx")+";";
}
tar.find('input').val(sels);
},
setLevel : function(tar, val) {
var t = tar;
var idx = val;
var lis = t.find("li");
lis.eq(idx-1)
.css("background", "url('image/nian_"+idx+".png')")
.addClass("selected");
var selectd=tar.find('li[class="star-item selected"]');
var sels="";
for(var i=0;i<selectd.length;i++){
sels=sels+selectd.eq(i).attr("idx")+";";
}
tar.find('input').val(sels);
}
};

7.25 js 自定义方法 a.b的更多相关文章

  1. 2.25 js处理多窗口

    2.25 js处理多窗口 前言在打开页面上链接的时候,经常会弹出另外一个窗口(多窗口情况前面这篇有讲解:Selenium2+python自动化13-多窗口.句柄(handle)),这样在多个窗口之间来 ...

  2. js 自定义方法

      js自定义封装方法 CreateTime--2016年10月16日15:18:18Author:Marydon 声明:该文章主要是记录了需要使用javascript实现对日常需要的方法进行封装,封 ...

  3. js 自定义方法 设置可选参数的方法

    原链接 http://www.cnblogs.com/RightDear/p/3156652.html PHP有个很方便的用法是在定义函数时可以直接给参数设默认值,如: function simue ...

  4. js 自定义方法 实现停留几秒 sleep

    function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; wh ...

  5. 2-5 js基础-简易运动框架

    'use strict'; function getStyle(obj,sName){ return (obj.currentStyle||getComputedStyle(obj,false))[s ...

  6. js自定义方法绑定元素事件

    //事件绑定封装 function addEvent(elem, type, handle){ if(elem.addEventListener){ elem.addEventListener(typ ...

  7. 必须关注的25位知名JavaScript开发者

    必须关注的25位知名JavaScript开发者 发表于2012-08-07 17:30| 16215次阅读| 来源Crossrider Blog| 46 条评论| 作者Crossrider Blog ...

  8. 自动化测试基础篇--Selenium中JS处理滚动条

    摘自https://www.cnblogs.com/sanzangTst/p/7692285.html 前言 什么是JS? JS就是JavaScript: JavaScript 是世界上最流行的脚本语 ...

  9. js自己总结的小东西(打印出来方便学习)

    1.你对angular有哪些认识? 属于mvvm框架,现在非常的火,由谷歌开发出来并维护的框架,为了解决负责业务中ajax的开发痛苦,刚开始结果angular的时候,确实让我有一种耳目一些,原来代码还 ...

随机推荐

  1. uva579-简单计算题

    题意: 求分钟和时钟之间的夹角 解法:俩个夹角互减 AC:10ms #include<iostream> #include<functional> #include<qu ...

  2. Linux运维面试贩卖思路如下

    1.自我介绍 2.技术介绍 3.上家公司情况介绍.多少人的团队.运维多少人.多少设备.公司什么业务.访问量多少.并发多少.架构多大,然后介绍公司架构.CDN->负载均衡->web-> ...

  3. python2.7实现websocket服务器,可以在web实时显示远程服务器日志

    一.开始的话 使用python实现websocket服务器,可以在浏览器上实时显示远程服务器的日志. 之前写了一个发布系统,每次发布版本后,为了了解发布情况(进度.是否有错误)都会登录到服务器上查看日 ...

  4. OpenACC 云水参数化方案

    ▶ 书上第十三章,用一系列步骤优化一个云水参数化方案.用于熟悉 Fortran 以及 OpenACC 在旗下的表现 ● 代码,文件较多,放在一起了 ! main.f90 PROGRAM main US ...

  5. 5. jdk路径配置

    path , classpath 的配置及作用? 1) PATH环境变量.作用是指定命令搜索路径,在i命令行下面执行命令如javac编译java程序时,它会到PATH变量所指定的路径中查找看是否能找到 ...

  6. linux c++下载http文件并显示进度<转>

    #include <stdio.h> #include <sys/types.h> #include <sys/socket.h> #include <net ...

  7. heat 用法 示例

    heat.exe dir "./SampleFolder" -cg Files -dr INSTALLDIR -gg -g1 -sf -srd -var "var.Tar ...

  8. request error: Connection aborted.', error(113, 'No route to host')

    from: https://superuser.com/questions/720851/connection-refused-vs-no-route-to-host/720860 "Con ...

  9. RxJava 与观察者模式

    RxJava到底是什么?让我们直接跳过官方那种晦涩的追求精确的定义,其实初学RxJava只要把握两点:观察者模式和异步,就基本可以熟练使用RxJava了. 异步在这里并不需要做太多的解释,因为在概念和 ...

  10. Delphi 操作键盘按下和释放操作

    Unit Unit1; Interface Uses Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs, ...