如何使用按钮更改图像颜色，而不使用360种不同的css表单？

我想更改图像的颜色。图像中有多种颜色，因此色调旋转css过滤器看起来很棒，令人惊叹，完全符合我的要求（链接到色调旋转示例）。我希望能够通过点击一个按钮来改变单个图像的颜色——它会将角度增加1*（或在360*时设置为零），稍微改变图像的颜色

虽然我可以为每个学位制作一个样式表，但这是难以置信的不切实际。同一页上有几百张图片也需要有这样的效果，这意味着…如果我不想让它们一起改变的话，会有很多单独的样式表。我还没能用谷歌找到任何答案

---

TL；DR希望使用web浏览器中的按钮旋转图像的色调。

这可以使用jquery轻松完成

说你的形象是：

    <img src="yourimage.jpeg" id="myimage"/>

你有一个按钮：

    <button id="mybutton">Hue Rotator</button>

色调旋转器

现在，在您的页面中，您需要在脚本中包含jquery.js

少量的脚本编写就可以完成剩下的工作

    <script type="text/javascript>
    $(document).ready(function(){

            var degree = 0;

            var rotatehue = function(){
                    degree++;
                    if(degree>360)degree=0;
                    $('#myimage').css('-webkit-filter','hue-rotate('+degree+'deg)');
            }

            $('#mybutton').bind('click',function(){
                    window.setInterval(rotatehue,30);
            });

    });
    </script>

---

这就是为什么元素可以通过编程方式应用单个样式：例如
jQuery.css（..）
或
elm.style
。（而且，如果相同的样式仍然需要统一应用于“元素类”，那么现在样式表类规则可以动态地进行操作。）尽管如此，这仍然需要360个样式表。我需要每一个可能的学位的样式表。不会的。再次参考我的第一条评论。如果应用CSS样式/值/转换需要单独的样式表，那么在屏幕上移动图像需要每个位置一个样式表。当然，这是不切实际的，事实并非如此。设置CSS色调变换值和设置位置（其本身是变换的一种形式）或背景色之间没有区别。