【文件属性】:
文件名称:jquery.fullBleed:jQuery插件,可缩放图像以占据整个浏览器窗口
文件大小:247KB
文件格式:ZIP
更新时间:2021-05-19 04:50:07
JavaScript
jquery.fullBleed
缩放图像以占据整个浏览器窗口。
用法
$ ( 'img' ) . fullBleed ( ) ;
渐进增强
对于现代浏览器,img元素将转换为带有背景图像的div,因此它们可以利用CSS3的“ background-size:cover”属性。 这提供了更快的大小调整和更平滑的抗锯齿功能,尤其是在基于WebKit的浏览器中。
IE 7和8将img元素保留在原处,并使用javascript进行缩放。
选项
结盟
可以使用align属性更改图像的align :
$ ( 'img' ) . fullBleed ( { align : 'top left' } ) ;
align可能值为:
左上方
最高中心
右上
居中左
中心中心(这是默认设置)
右中
左下方
底部中心
右下
元素类别
可以将可选类添加到目标元素,这在引用CSS中的图像时很有用,因
【文件预览】:
jquery.fullBleed-master
----image.jpg(243KB)
----demo.html(352B)
----LICENSE.md(1KB)
----.gitignore(9B)
----README.md(1KB)
----jquery.fullbleed.js(4KB)