V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
sdjl
V2EX  ›  程序员

zarkfx又来了,用"bgimage"实现平铺背景图

  •  
  •   sdjl · 2013-04-21 20:21:38 +08:00 · 3205 次点击
    这是一个创建于 4237 天前的主题,其中的信息可能已经有所发展或是发生改变。
    有时候, 我们需要一张图片作为背景平铺整个网页,但希望无论浏览器的尺寸如何,都能铺满浏览器,且又尽可能的完整显示, 而且还不能让图片变形!

    可以先访问一下这个样例, 拖动你的浏览器改变尺寸看看
    http://zarkfx.com/_static/demo/bgimage/full.html



    当然, 也可以用于普通div的背景图,比如你的页面中有一个100x100的div,但是里面的图片尺寸比较乱, 此时用bgimage可得到一个较好的显示效果

    关于"bgimage"的更多样例见: http://zarkfx.com/auto_gen/bgimage.html




    还不知道zarkfx? 可以看看这个帖子 http://v2ex.com/t/64788
    第 1 条附言  ·  2013-04-21 20:53:33 +08:00
    使用此功能只需先引用jquery.js和zarkfx.js 然后给你的<img>标签加上 fx="bgimage[wrapper=body]" 这个属性就ok了, 比如:

    <img src="..." fx="bgimage[wrapper=body]" />
    5 条回复    1970-01-01 08:00:00 +08:00
    iZr
        1
    iZr  
       2013-04-21 20:23:51 +08:00
    这个技术可以.
    squallsdjl
        2
    squallsdjl  
       2013-04-21 20:24:57 +08:00
    @iZr 楼上的icon不错~
    sdjl
        3
    sdjl  
    OP
       2013-04-21 20:40:43 +08:00
    @squallsdjl 不要歪楼, 楼下的忽略此人~~~~
    sdjl
        4
    sdjl  
    OP
       2013-04-21 20:42:47 +08:00
    忘记说了, 使用此功能只需先引用zarkfx.js 然后给你的<img>标签加上 fx="bgimage[wrapper=body]" 这个属性就ok了~~~
    tonysheart
        5
    tonysheart  
       2013-04-22 10:33:29 +08:00
    有点受不了那闪动的scrollbar.....
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5428 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 09:16 · PVG 17:16 · LAX 01:16 · JFK 04:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.