褪色答题技巧

Posted 2023-02-21

【中文标题】褪色答题技巧

【英文标题】：Fade color answer trick

【发布时间】：2011-12-06 17:03:45

【问题描述】：

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

【问题讨论】：

How do you fade in/out a background color using jquery? 的可能重复项...请在提问前使用搜索。

发挥你的想象力和 Firebug。

【参考方案1】：

它查看哈希，选择答案，然后为背景颜色设置动画。使用 jQuery UI 或添加 Colors plugin 以便能够为颜色设置动画。

这就是代码的样子...

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.