HTML - 增长/转换图像/颜色以填充整个网页

时间:2016-03-26 05:49:14

标签: jquery html css

关于这个fiddle,当我点击a href这是一个图像时,我希望图像增长/过渡以填充整个页面的过渡/从放置它的div开始缩放。如果无法做到这一点,我想用填充图像的div的背景颜色填充页面,并从包含图像的div开始填充颜色。

我尝试应用缩放,变换,叠加但无法正确使用。因此,请在这里请求帮助。示例中的代码没有我尝试过的转换,因为它们无论如何都无法工作。

我尽力把想象力放在文字上。如果这不清楚&任何人都愿意提供帮助,请随时提问。

1 个答案:

答案 0 :(得分:1)

我会避免将图像放大到整个HTML正文,因为图像会像素化并降低浏览器的性能。

以下是我填写网页颜色的解决方案:

$('.circleDiv').on('mouseenter', 'a', function() {
  $('body').animate({
    backgroundColor: "#09f"
  }, 1000);
});

See Demo Here