我想创建一个按钮，单击该按钮即可执行一些javascript代码
将img的CSS更改为filter:sepia(100%);
这就是我所拥有的，该按钮是可单击的，但不应用过滤器…
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="css/screen.css" rel="stylesheet" type="" />
<meta charset="UTF-8"/>
<meta name="author" content=""/>
</head>
<body>
<img src="image.jpg" alt="yeah"/>
<button onclick="sep()" id="button"></button>
<script>
button.onclick=sep(){document.getElementsByTagName("img").style.filter="sepia(100%)"};
</script>
</body>
</html>
最佳答案
用jQuery的解决方案可能是
$("#button").click(function(){
$("img").addClass("sepia");
});
和课
.sepia{ -webkit-filter: sepia(1);
-webkit-filter: sepia(100%); -moz-filter: sepia(100%);
-ms-filter: sepia(100%); -o-filter: sepia(100%);
filter: sepia(100%);
filter: alpha(opacity = 50);
zoom:1;
}
demo