Question

我希望通过单击书签栏中的书签将这些书签合并为一个书签，以切换图像亮度：

javascript:(function(){!function(e) {e.head.appendChild(e.createElement("style"))
  .innerText = ".img,img{-webkit-filter:brightness(50%)}"}(document)})()

和：

javascript:(function(){!function(e) {e.head.appendChild(e.createElement("style"))
  .innerText = ".img,img{-webkit-filter:brightness(100%)}"}(document)})()

我尝试自己做，但是由于使用JavaScript已有很长时间了，所以我失败了。通过编码或将我指向正确的方向，将对您有所帮助。

谢谢！

Answer 1

通过按“ +”或“-”来工作。检查一下：

javascript：（function（d，b，s）{s = d.head.appendChild（d.createElement（“ style”）））; d.addEventListener（'keypress'，function（e）{if（e。 key =='+'&& b <100）b + = 10;否则if（e.key =='-'&& b> 0）b- = 10; s.innerText =“ .img，img {-webkit-filter：亮度（“ + b +”％）}“}}}）（文档，100）

更新：

javascript：（function（d，id，b，s）{s = d.getElementById（id）; if（！s）d.head.appendChild（s = d.createElement（“ style”））。id = id; b = s.brightness = 150-（s.brightness || 100）; s.innerText =“ .img，img {-webkit-filter：brightness（” + b +“％）}”}））（文档， “ bookmarklet-brightness”）

Answer 2

由于@Artyom Shegeda的代码，我设法通过使用以下代码通过按“ +”和“-”键在50％和100％之间切换图像亮度：

javascript:(function(d,b,s){
  s=d.head.appendChild(d.createElement("style"));
  d.addEventListener('keypress', function(e){
    if (e.key=='+'&&b<100)
       b+=50;
    else if (e.key=='-'&&b>50)
       b-=50;
    s.innerText = ".img,img{-webkit-filter:brightness("+b+"%)}"
  })
})(document,100)

如何将两个小书签合并为一个以切换亮度？

2 个答案: