褪色颜色回答技巧

Fade color answer trick

本文关键字：颜色 褪色      更新时间：2023-09-26

例如，当我从答案中复制链接并访问它时，会出现一个漂亮的颜色块来突出显示答案，然后逐渐消失。这是如何做到的呢?

它查看哈希值，选择答案，然后显示背景颜色。要么使用jQuery UI，要么添加Colors插件，以便能够动画颜色。

这就是代码的样子…

var hash = window.location.hash;
if (hash) {
   var answer = $('#answer-' + hash.substr(1)),
       originalBackgroundColor = answer.css('backgroundColor'); 
   // This class changes the background colur.
   // Best to keep style stuff in the CSS layer.
   answer
   .addClass('linked')
   .animate({
       backgroundColor: originalBackgroundColor
   }, 1000);
   // You may optionally remove the added class
   // in the callback of the above animation.
}
相关文章：