全部模板|推荐模板|TAG标签|加入收藏|网站地图您好,欢迎来到模板天下!
您现在的位置:首页 > 网页特效 > 图片特效 >

Jquery刷新网页背景图片随机变换的实现方法

时间:2016-05-21 11:26 来源:网络 作者:模板天下 点击:

 

Jquery刷新网页背景图片随机变换的实现方法

使用方法:

下载jquery.js,然后设置CSS,图片文件放在css/images/bg目录下,图片命名格式为bg_x.jpg,修改随机数产生范围。

1、CSS代码:

<style>
body{
 padding:0;
 background-clip: border-box;
 background-color: #e6e6e6;
 background-origin: padding-box;
 background-position: center top;
 background-repeat: no-repeat;
 width: 100%;
 background-image:url("");
}
</style>

2、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>

查看演示 下载地址

本文版权归原作者所有,转载请注明原文来源出处,模板天下感谢您的支持!

本文链接:http://www.mobantianxia.com/article/20160521102.html Jquery刷新网页背景图片随机变换的实现方法 http://www.mobantianxia.com/article/20160521102.html

您可能也喜欢:
发表评论:

关于本站 - 联系我们 - 售后服务 - 网站公告 - 版权与免责声明 - 留言反馈

© 2016 模板天下(mobantianxian.com) 版权所有,并保留所有权利。 | Powered by DedeCMS | 豫ICP备14009571号-2 |

售前咨询

售后服务

技术支持