如何.animate()背景图像大小

X10nD

我可以使用javascript / jquery设置背景图片大小的动画吗?

其中wt_r和ht_r是屏幕大小的代码。我可以使用.animate()使其动态吗?

$('#outer').css('background-size',wt_r+' '+ht_r);

jsfiddle- http://jsfiddle.net/m7zmzkpz/1/

罗科·C·布尔扬

当我调整浏览器窗口的大小时,背景图片应调整大小– X10nD 3分钟前

完全不需要JS ...

  background-size:100% 100%; // or just 100% to keep Aspect-Ratio

http://jsbin.com/varecu/1/edit?html,css,js,输出

  • 在页面加载时设置动画?完全不需要JS:

http://jsbin.com/xuhuca/1/edit?html,css,js,输出

  • 是否要保持宽高比但填充所有空间? background-size: cover;

http://jsbin.com/varecu/2/edit

(在所有这些演示中调整窗口大小以查看魔术效果。背景图像调整大小!)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何.animate()背景图像大小

来自分类Dev

如何调整背景图像的大小以适合网页?

来自分类Dev

如何根据需要调整背景图像的大小

来自分类Dev

如何使标签页的背景图像散布到可用大小?

来自分类Dev

如何淡化背景图像

来自分类Dev

如何淡化背景图像

来自分类Dev

如何使背景图像响应?

来自分类Dev

如何使背景图像定位

来自分类Dev

如何使图像充满背景图像?

来自分类Dev

如何快速设置表格单元格的背景图像大小?

来自分类Dev

调整大小时如何在左侧而不是右侧制作背景图像剪辑

来自分类Dev

如何获得不调整大小的全屏背景图像(带有中心裁剪)

来自分类Dev

CSS-如何拉伸和自动调整背景图像的大小

来自分类Dev

如何在CSS中平滑地在悬停上设置背景图像大小的动画?

来自分类Dev

如何将画布的大小设置为其背景图像?

来自分类Dev

如何使控件相对于WPF中的背景图像移动/调整大小

来自分类Dev

如何不调整堆栈上的背景图像大小(抖动)

来自分类Dev

无论屏幕大小如何,都可以保持背景图像的响应能力

来自分类Dev

如何将画布的大小设置为其背景图像?

来自分类Dev

如何使自适应背景图像不断增大并返回其原始大小?

来自分类Dev

如何在CSS中平滑地在悬停上设置背景图像大小的动画?

来自分类Dev

如何在移动视图中调整固定背景图像的大小?

来自分类Dev

如何在 FFmpeg 中的视频上为带有文本大小的文本添加背景图像?

来自分类Dev

CSS-如何在调整浏览器大小时使用背景图像调整texbox的大小?

来自分类Dev

如何使背景图像的黑色部分透明?

来自分类Dev

如何使背景图像不可拉伸?

来自分类Dev

如何更改离子的背景图像?

来自分类Dev

如何使div背景图像响应

来自分类Dev

如何获得透明的背景图像重复

Related 相关文章

  1. 1

    如何.animate()背景图像大小

  2. 2

    如何调整背景图像的大小以适合网页?

  3. 3

    如何根据需要调整背景图像的大小

  4. 4

    如何使标签页的背景图像散布到可用大小?

  5. 5

    如何淡化背景图像

  6. 6

    如何淡化背景图像

  7. 7

    如何使背景图像响应?

  8. 8

    如何使背景图像定位

  9. 9

    如何使图像充满背景图像?

  10. 10

    如何快速设置表格单元格的背景图像大小?

  11. 11

    调整大小时如何在左侧而不是右侧制作背景图像剪辑

  12. 12

    如何获得不调整大小的全屏背景图像(带有中心裁剪)

  13. 13

    CSS-如何拉伸和自动调整背景图像的大小

  14. 14

    如何在CSS中平滑地在悬停上设置背景图像大小的动画?

  15. 15

    如何将画布的大小设置为其背景图像?

  16. 16

    如何使控件相对于WPF中的背景图像移动/调整大小

  17. 17

    如何不调整堆栈上的背景图像大小(抖动)

  18. 18

    无论屏幕大小如何,都可以保持背景图像的响应能力

  19. 19

    如何将画布的大小设置为其背景图像?

  20. 20

    如何使自适应背景图像不断增大并返回其原始大小?

  21. 21

    如何在CSS中平滑地在悬停上设置背景图像大小的动画?

  22. 22

    如何在移动视图中调整固定背景图像的大小?

  23. 23

    如何在 FFmpeg 中的视频上为带有文本大小的文本添加背景图像?

  24. 24

    CSS-如何在调整浏览器大小时使用背景图像调整texbox的大小?

  25. 25

    如何使背景图像的黑色部分透明?

  26. 26

    如何使背景图像不可拉伸?

  27. 27

    如何更改离子的背景图像?

  28. 28

    如何使div背景图像响应

  29. 29

    如何获得透明的背景图像重复

热门标签

归档