• 仿淘宝网评价的五角星投票代码


    代码简介:

    仿淘宝星星投票,兼容性好,淘宝网在交易完毕后有一个星星投票,看着很漂亮。

    代码内容:

    View Code
    <title>仿淘宝网评价的五角星投票代码 - www.webdm.cn</title>
    <script language=
    "javascript">
    yg_Ratings.Msgs = new Array
    (
       
    "",
       
    "及格",
       
    "一般",
       
    "比较好",
       
    "棒极了"
    )
    ;
    yg_Ratings.Labels = new Array
    (
       
    "1 Star",
       
    "2 Stars",
       
    "3 Stars",
       
    "4 Stars",
       
    "5 Stars"
    )
    ;

    var path = 
    "http://www.webdm.cn/images/20091005/yri_";
    yg_Ratings.starbar = "star_";
    yg_Ratings.UnitY = "yellow.gif";

    yg_Ratings.UnitYMouseOver = 
    "yellow.gif";
    // Image for www.webdm.cn.
    yg_Ratings.UnitYMouseLess = 
    "grey.gif";
    // Image for www.webdm.cn.
    yg_Ratings.UnitN = 
    "white.gif";
    // Image for www.webdm.cn.
    yg_Ratings.UnitNMouseOver = 
    "hover.gif";
    yg_Ratings.DefaultMsg = " ";
    function yg_Ratings(id, button, inputname, defaultval,type)
    {
       var i, t
    ;
       var attributes;
       var h1, h2;
       var d = document;
       var style;   
       this.starbar = type + "_";
       this.rating = 0;
       this.showbutton = button;
       if (defaultval < 1 || defaultval > 5) {
     defaultval = 
    0;
       }
       this.rating = defaultval
    ;
      
       attributes = 
    'class="ygrtngs" id="' + id + '" style="' + style + '"';
       h1 = 'onMouseOut="return yg_Ratings_mouseOut(' + id + ');"';
       d.write('<span ' + attributes + ' ' + h1 + '>');
       if (defaultval > 0 && type == "star") {
           d.write(
    '<div class="msg" id="'+id+'_msg">'+yg_Ratings.Msgs[defaultval-1]+'</div>');
       } else {
           d.write(
    '<div class="msg" id="'+id+'_msg" style=\"display:none\">'+yg_Ratings.DefaultMsg+'</div>');
       }
       if (this.showbutton) { 
          d.write(
    '<span><strong>Rate it:</strong></span>');
       }
       for (i = 
    1; i <= yg_Ratings.Msgs.length; i++)
       {
          h1 = 
    'onMouseOver="return yg_Ratings_mouseOver(' + id + '' + i + ');"';
          h2 = 'onClick="return yg_Ratings_click(' + id + '' + i + ');"';
          d.write('<span class="unit "' + h1 + ' ' + h2 + '>');
          if (i <= defaultval) {
             d.write(
    '<img src="' + path + this.starbar + yg_Ratings.UnitY + '" />');
          } else {
             d.write(
    '<img src="' + path + this.starbar + yg_Ratings.UnitN + '" />');
          }
          d.write(
    '</span>');
       }
       if(defaultval){
     d.write(
    '<input type="hidden" name="'+inputname+'" id="input_'+id+'" value="' + defaultval + '" />');
       } else {
     d.write(
    '<input type="hidden" name="'+inputname+'" id="input_'+id+'" />');    
       }
       this.input = document.getElementById(
    'input_'+id);
       d.write('</span>');
     
       this.parent = document.getElementById(id)
    ;
       this.images = this.parent.getElementsByTagName("img");
       this.msg = document.getElementById(id + '_msg');
       this.id = id;
       var children = this.msg.childNodes;
       var node;
       for (var i = 0; i <  children.length; i++)
       {
          node = children[i]
    ;
          if (node.nodeType == 3)
          {
                this.DefaultMsg = node.nodeValue
    ;
          }
       } 
    }
    function yg_Ratings_set(n, oflag)
    {
       if (arguments.length < 
    2)
          oflag = true
    ;
       
       this.rating = n
    ;
       this.DefaultMsg = yg_Ratings.Msgs[n-1];
    //   if (this.showbutton) {
        this.showBtn(
    "btnSave");
    //   }
       this.update(n, oflag)
    ;
    }
    function yls_Ratings_showSubmit(sBtn) {
        var saveButton = document.getElementById(sBtn)
    ;
        if(saveButton != null) {
            saveButton.style.display=
    "block";
        }
    }
    function yg_Ratings_setMsg(m)
    {
       var children = this.msg.childNodes
    ;
       var node;
       for (var i = 0; i < children.length; i++)
       {
          node = children[i]
    ;
          if (node.nodeType == 3)
          {
                node.nodeValue = m
    ;
          }
       }
    }
    function yg_Ratings_get()
    {
       return this.rating
    ;
    }
    function yg_Ratings_update(n, oflag)
    {
       if (this.starbar == 
    'star_') {
        if (oflag) {
        this.setMsg(this.DefaultMsg)
    ;
        } else {
        this.setMsg(yg_Ratings.Msgs[n - 
    1]);
        }
       }
       if (n == this.rating) {
          this.input.setAttribute(
    "value", n);
       }
       for (i = 
    1; i <= yg_Ratings.Msgs.length; i++)
       {
          if (oflag)
          {
             if (i <= this.rating)
                this.images[i - 
    1].src = path + this.starbar + yg_Ratings.UnitY;
             else
                this.images[i - 
    1].src = path + this.starbar + yg_Ratings.UnitN;
          }
          else
          {
             if (i <= n)
             {
                if (i <= this.rating)
                   this.images[i - 
    1].src = path + this.starbar + yg_Ratings.UnitYMouseOver;
                else
                   this.images[i - 
    1].src = path + this.starbar + yg_Ratings.UnitNMouseOver;
             }
             else
             {
                if (i <= this.rating)
                   this.images[i - 
    1].src = path + this.starbar + yg_Ratings.UnitYMouseLess;
                else
                   this.images[i - 
    1].src = path + this.starbar + yg_Ratings.UnitN;
             }
          }
       }
       return true
    ;
    }
    function yg_Ratings_click(obj, n)
    {
       obj.set(n, false)
    ;
       return true;
    }
    function yg_Ratings_mouseOver(obj, n)
    {
       obj.update(n, false)
    ;
       return true;
    }
    function yg_Ratings_mouseOut(obj)
    {
       obj.update(
    0, true);
       return true;
    }
    yg_Ratings.prototype.set = yg_Ratings_set
    ;
    yg_Ratings.prototype.setMsg = yg_Ratings_setMsg;
    yg_Ratings.prototype.get = yg_Ratings_get;
    yg_Ratings.prototype.update = yg_Ratings_update;
    yg_Ratings.prototype.showBtn = yls_Ratings_showSubmit;
    </script>
    访问速度:
    <script>
       
       if (document.getElementById)
        {
        // Support for Class A.
        _ratings_proj1_ = new yg_Ratings(
    "_ratings_proj1_", false, "proj1"0"star");
        }
       else
        {
        // Support for poor DOM (low grade).    
        document.write(
    '<small><input type=radio name="proj1" value="1">');
        document.write('<input type=radio name="proj1" value="2">');
        document.write('<input type=radio name="proj1" value="3">');
        document.write('<input type=radio name="proj1" value="4">');
        document.write('<input type=radio name="proj1" value="5"></small>');
        }
       
       </script>
       <noscript><small>
       <input type=radio name=
    "proj1" value="1">
       <input type=radio name=
    "proj1" value="2">
       <input type=radio name=
    "proj1" value="3">
       <input type=radio name=
    "proj1" value="4">
       <input type=radio name=
    "proj1" value="5"></small></noscript>
       性价比:
       <script>
       
       if (document.getElementById)
        {
        // Support for Class A.
        _ratings_proj2_ = new yg_Ratings(
    "_ratings_proj2_", false, "proj2"0"star");
        }
       else
        {
        // Support for poor DOM (low grade).    
        document.write(
    '<small><input type=radio name="proj2" value="1">');
        document.write('<input type=radio name="proj2" value="2">');
        document.write('<input type=radio name="proj2" value="3">');
        document.write('<input type=radio name="proj2" value="4">');
        document.write('<input type=radio name="proj2" value="5"></small>');
        }
       
       </script>
       <noscript><small>
       <input type=radio name=
    "proj2" value="1">
       <input type=radio name=
    "proj2" value="2">
       <input type=radio name=
    "proj2" value="3">
       <input type=radio name=
    "proj2" value="4">
       <input type=radio name=
    "proj2" value="5"></small></noscript>
       </td></tr><tr><td>
       服务质量:</td><td>
       <script>
       
       if (document.getElementById)
        {
        // Support for Class A.
        _ratings_proj3_ = new yg_Ratings(
    "_ratings_proj3_", false, "proj3"0"star");
        }
       else
        {
        // Support for poor DOM (low grade).    
        document.write(
    '<small><input type=radio name="proj3" value="1">');
        document.write('<input type=radio name="proj3" value="2">');
        document.write('<input type=radio name="proj3" value="3">');
        document.write('<input type=radio name="proj3" value="4">');
        document.write('<input type=radio name="proj3" value="5"></small>');
        }
       
       </script>
       <noscript><small>
       <input type=radio name=
    "proj3" value="1">
       <input type=radio name=
    "proj3" value="2">
       <input type=radio name=
    "proj3" value="3">
       <input type=radio name=
    "proj3" value="4">
       <input type=radio name=
    "proj3" value="5"></small></noscript>
       </td><td>
       安全性:</td><td>
       <script>
       
       if (document.getElementById)
        {
        // Support for Class A.
        _ratings_proj4_ = new yg_Ratings(
    "_ratings_proj4_", false, "proj4"0"star");
        }
       else
        {
        // Support for poor DOM (low grade).    
        document.write(
    '<small><input type=radio name="proj4" value="1">');
        document.write('<input type=radio name="proj4" value="2">');
        document.write('<input type=radio name="proj4" value="3">');
        document.write('<input type=radio name="proj4" value="4">');
        document.write('<input type=radio name="proj4" value="5"></small>');
        }
       
       </script>
       <noscript><small>
       <input type=radio name=
    "proj4" value="1">
       <input type=radio name=
    "proj4" value="2">
       <input type=radio name=
    "proj4" value="3">
       <input type=radio name=
    "proj4" value="4">
       <input type=radio name=
    "proj4" value="5"></small></noscript>
    <br />
    <p><a href=
    "http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
    代码来自:
    http://www.webdm.cn/webcode/0f05a200-b018-4945-a4ec-360c9c238671.html
  • 相关阅读:
    Java最大栈深度有多大?-从一道面试题开始学习JVM
    高性能队列——Disruptor
    高性能的Redis之对象底层实现原理详解
    高性能的Redis之数据持久化小结
    高性能的Redis之数据结构小结
    Redis单线程为什么如此之快?
    kafka partition与 group的特性
    深扒Disruptor高性能的原因
    Python 元类编程实现一个简单的 ORM
    用vue.js实现的期货,股票的实时K线
  • 原文地址:https://www.cnblogs.com/webdm/p/2161555.html
Copyright © 2020-2023  润新知