时间:2021-05-26
使用方法:下载jquery-1.9.1.js,然后设置CSS,图片文件放在images/new_feed/目录下,图片命名格式为bg_x.jpg,修改随机数产生范围
一、CSS代码
复制代码 代码如下:
<style>
body{
padding:0;
background-attachment: fixed;
background-clip: border-box;
background-color: #666666;
background-origin: padding-box;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
background-image:url("");}
</style>
二、Jquery代码
复制代码 代码如下:
<script type="text/javascript">
$(document).ready(function(){
var random_bg=Math.floor(Math.random()*6+1);
var bg='url(images/new_feed/bg_'+random_bg+'.jpg)';
$("body").css("background-image",bg);
});
</script>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery动态背景图片效果实现方法。分享给大家供大家参考。具体如下:这里把背景图片按照1.jpg-20.jpg放到目录里,jQuery会随机调用
在WPS文件中将图片设置为背景方法如下: 1、下载一张自己喜欢的背景图片; 2、打开要设置背景图片的WPS文档; 3、在菜单栏“页面布局”中选择“背景图片
对于图片,首先我们先想到是背景图片。因为我们许许多的装饰都是用背景图片来实现的。既然这样,那么就从CSS控制背景图片讲起吧。定义和用法background-im
本文实例为大家分享了java实现带有背景图片的窗体,供大家参考,具体内容如下将背景图片添加到面板再添加到窗体将背景图片添加到面板上可设置背景图片的画板//创建一
本文介绍了CSS实现网页背景图片自适应全屏的方法,分享给大家,具体如下:网页背景自适应全屏.PNG一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的