jquery如何实现背景图片居中

在jquery中，可以使用css()方法设置位置属性，从而实现将背景图片居中。下面小编举例讲解jquery如何实现背景图片居中。

文章插图

需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html ，用于讲解jquery若何实现布景图片居中。

文章插图

2在test.html文件内，利用div建立一个模块，并设置其class为mydiv 。

文章插图

3在css标签内，经由过程class设置div的样式，界说它的宽度为290px ，高度为390px ，边框为绿色5px宽边框，布景图片为3.jpg 。

文章插图

4在js标签内，利用ready()方式在页面加载完当作时执行function方式。

文章插图

5在function方式内，经由过程class获得div对象，利用css()方式设置background-position属性值为"center center" ，即可实现布景图片居中。

文章插图

6在浏览器打开test.html文件，查看实现的结果。

文章插图

总结：1【jquery如何实现背景图片居中】1、利用div建立一个模块，并设置其class为mydiv 。 2、在css标签内，经由过程class设置div的样式，界说它的宽度为290px ，高度为390px ，边框为绿色5px宽边框，布景图片为3.jpg 。 3、在js标签内，利用ready()方式在页面加载完当作时执行function方式。 4、在function方式内，经由过程class获得div对象，利用css()方式设置background-position属性值为"center center" ，即可实现布景图片居中。 5、在浏览器打开test.html文件，查看实现的结果。

以上内容就是jquery如何实现背景图片居中的内容啦，希望对你有所帮助哦！