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

时间:2018-09-24 13:14:44

标签: javascript html css bookmarklet

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

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已有很长时间了,所以我失败了。通过编码或将我指向正确的方向,将对您有所帮助。

谢谢!

2 个答案:

答案 0 :(得分: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”)

答案 1 :(得分:1)

由于@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)