当前位置：文江博客话题详情

淡色答案技巧

发布于 2024-12-09 17:48:28 字数 60 浏览 0 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陌生 2024-12-16 17:48:28

它查看哈希值，选择答案，然后设置背景颜色的动画。使用 jQuery UI 或添加颜色插件即可为颜色设置动画。

这就是代码的样子......

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.
}

It looks at the hash, selects that answer, and then animates the background color. Either use jQuery UI or add the Colors plugin to be able to animate colors.

This is what the code may look like...

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.
}

回复收藏 0 原文

~没有更多了~