js 淘宝评分

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>无标题文档</title>
        <script>
            window.onload = function (){
                var oUl = document.getElementById("list");
                var aLi = oUl.getElementsByTagName("li");
                var half = 2;
                var off = 1;

                for(var i = 0; i < aLi.length; i++)
                {
                    aLi[i].index = i;
                    aLi[i].onmouseover = function (){
                        if(off)
                        {
                            fillstar(this.index,half);
                        }

                    }

                    aLi[i].onmouseout = function (){

                        if(off)
                        {
                            for(var i = 0; i < aLi.length; i++ )
                            {
                            aLi[i].style.background = "url(http://img.alicdn.com/tps/i1/T1r.UsXf4dXXcC1lsa-204-400.png) no-repeat";
                            }
                        }

                    }

                    aLi[i].onclick = function (){
                        if(off)
                        {
                            fillstar(this.index,half);
                            off = !off;
                        }

                    }

                    function fillstar(num,half){

                        if( num < half )
                        {
                            for(var i = 0; i <= num; i++)
                            {
                                aLi[i].style.background = "url(http://img.alicdn.com/tps/i1/T1r.UsXf4dXXcC1lsa-204-400.png) no-repeat 0px -116px";
                            }

                        }else if ( num >= half && num < aLi.length - 1 ){

                            for(var i = 0; i <= num; i++)
                            {
                                aLi[i].style.background = "url(http://img.alicdn.com/tps/i1/T1r.UsXf4dXXcC1lsa-204-400.png) no-repeat 0px -57px";
                            }
                        }else {

                            for(var i = 0; i <= num; i++)
                            {
                                aLi[i].style.background = "url(http://img.alicdn.com/tps/i1/T1r.UsXf4dXXcC1lsa-204-400.png) no-repeat 0px -87px";
                            }
                        }
                    }
                }

            }
        </script>
        <style>
            #list{list-style: none;}
            #list li{
                height: 23px;
                width: 24px;
                background: url(http://img.alicdn.com/tps/i1/T1r.UsXf4dXXcC1lsa-204-400.png) no-repeat;
                display: block;
                float: left;
                cursor: pointer;

            }
        </style>
    </head>
    <body>
        <ul id = "list">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </body>
</head>

时间： 2024-08-27 19:32:04

js 淘宝评分的相关文章

JS淘宝商品广告效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS淘宝商品广告效果</title> <style> ul{ margin: 0; padding: 0; } li{ list-style: none; } #ad{ width: 298px; height: 208px; border: 1

最近,淘宝的新玩法,一直在充斥我的眼球,尤其是喵币的,盖楼... .... 于是就进去看了看,发现逛逛店铺,给好多喵币,但是要进20个,每个要15秒,好麻烦,于是就上网搜了一下,有没有脚本因为之前搞过Selenium自动填写问卷调查-_-! 想想这个应该也不难吧! 早起看了一下,发现这个活动好像只有手机端的,有些悲催了,不过我发现了另外一个好玩的,Auto.js,简直是手机端的Selenium. 同时也发现了大佬写的领喵币的脚本-传送门表示已经领完了,代码也拜读了一下,好玩但是由于手机型号

模仿淘宝评分

让做这个的时候心情挺激动的但是最后还是只做了一部分有点遗憾原理也很简单就是更换图片路径就可以了唯一的难点就是要记录上一次的评分吧 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .container{ float:left; } .sc

这是一个类似淘宝评分

这则代码中需要插入一个JQ文件和几张图片这里就不发出来了:在这代码中只要用户鼠标移入其中星星就会亮,并会显示打分标准,点击过后就会保持所选标准. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .container{

原生js淘宝放大镜效果(第二版)

随便写写 <!DOCTYPE html> <html> <head> <title>放大镜</title> <meta charset="utf-8" /> <style type="text/css"> *{ margin: 0; padding: 0; } body{ height: 2000px; } #wrapleft{ width: 300px; height: 400px

JS淘宝小广告

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; } #app{ widt

手把手教你写电商爬虫-第四课淘宝网商品爬虫自动JS渲染

系列教程: 手把手教你写电商爬虫-第一课找个软柿子捏捏手把手教你写电商爬虫-第二课实战尚妆网分页商品采集爬虫手把手教你写电商爬虫-第三课实战尚妆网AJAX请求处理和内容提取老规矩,爬之前首先感谢淘宝公布出这么多有价值的数据,才让我们这些爬虫们有东西可以搜集啊,不过淘宝就不用我来安利了广大剁手党相信睡觉的时候都能把网址打出来吧. 工欲善其事,必先利其器,先上工具: 1.神箭手云爬虫,2.Chrome浏览器 3.Chrome的插件XpathHelper 不知道是干嘛的同学请移步第一课

Java实现HMacMD5加密，用于淘宝客JS 组件 API 调用时生成 sign 的签名

原文:Java实现HMacMD5加密,用于淘宝客JS 组件 API 调用时生成 sign 的签名源代码下载地址:http://www.zuidaima.com/share/1550463397874688.htm HMacMD5 加密纯 Java 实现,用于淘宝客 JS 组件 API 调用时生成 sign 的签名另外:给大家贴一段淘宝客组件 API (JS API) 调用时,生成签名的核心代码. 另外:从事淘宝客开发的童鞋,碰到啥问题可以找我交流!!! String timestamp =

js实现淘宝首页图片轮播效果

原文:http://ce.sysu.edu.cn/hope2008/Education/ShowArticle.asp?ArticleID=10585 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>淘宝首页图片轮播效果</title> <style> <!-- * {margin: 0;padding:0;} body