zoukankan      html  css  js  c++  java
  • 7.25 js 自定义方法 a.b

    调用:
      

    $(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); } };
  • 相关阅读:
    8 shell五大运算
    android闹钟——原代码【转】
    draw9patch超详细教程【转】
    史上最全的动画效果 Android Animation 总汇 【转】
    Android 中的BroadCastReceiver【转】
    android屏幕适配【转】
    [Android实例] ViewPager多页面滑动切换以及动画效果【转】
    人脸数据库汇总 【转】
    Android闹钟程序周期循环提醒源码(AlarmManager)【转】
    android背景图片更换——经典例子【转】
  • 原文地址:https://www.cnblogs.com/zhangchenglzhao/p/3213630.html
Copyright © 2011-2022 走看看