惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
M
MIT News - Artificial intelligence
MyScale Blog
MyScale Blog
博客园_首页
G
Google Developers Blog
博客园 - 【当耐特】
美团技术团队
博客园 - 聂微东
Stack Overflow Blog
Stack Overflow Blog
Vercel News
Vercel News
小众软件
小众软件
博客园 - 司徒正美
雷峰网
雷峰网
T
Tailwind CSS Blog
V
V2EX
博客园 - 三生石上(FineUI控件)
F
Fortinet All Blogs
罗磊的独立博客
量子位
P
Proofpoint News Feed
Microsoft Azure Blog
Microsoft Azure Blog
月光博客
月光博客
A
About on SuperTechFans
Hugging Face - Blog
Hugging Face - Blog

博客园 - Zhuang miao

使用bootstrap和metroui设计的微网站或手机app界面 利用Mahout实现在Hadoop上运行K-Means算法 大连二手汽车培训网上线 淘宝开放平台API调用nodejs实现 Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog 淘宝UED前端智勇大冲关第二季 CC.net&Nant配置文件 介绍一个款可以在javascript对象上实现观察者模式的类库-Watch.js 开发nodejs模块并发布到npm的简单示例 用jsTestDriver运行jasmine cases 使用Jasmine测试你的Javascript(三)之 Matchers 使用Jasmine测试你的Javascript(二)之 Suites和specs 使用Jasmine测试你的Javascript(一)之 Jasmine简介 用SignalR创建实时永久长连接异步网络应用程序 Javascript实现图片的预加载的完整实现 常见前端面试题【转】 javascript面向对象中的对象创建、继承、封装等实现方式 12款华丽的Admin管理后台模板 AOP
更改页面背景的jquery插件
Zhuang miao · 2012-10-31 · via 博客园 - Zhuang miao

2012-10-31 14:07  Zhuang miao  阅读(373)  评论()    收藏  举报

 js代码

/**
 * Created with JetBrains WebStorm.
 * User: C-Jarrick.Miao
 * Date: 10/31/12
 * Time: 9:36 AM
 * To change this template use File | Settings | File T
*/

(function (jquery) {
    
    jquery.fn.changbg = function (options) {
        var opts = options;
        var obj=this;
        if (jquery.isArray(opts)) {
            var linum = opts.length;
            var content = jquery("<div id='imgscrolldiv' />");
            var list = jquery("<ul />").addClass("imgscroll");
            for (var i = 0; i < linum; i++) {
                list.append(jquery("<li class='picaction' >Desktop"+ (i+1).toString()+"</li>").attr("bgpic", opts[i]));
             }
            content.append(list);
            $(obj).append(content);
            $(".picaction").bind("click", function () {
                $('body').css("background-image", "url(" + $(obj).attr('bgpic') + ")");
            });
            
        } else {
            throw new Error("doesn't Array Element")
        }
    };

})(jQuery)

调用方法 

<script type="text/javascript">
       var imageList=new Array();
       imageList [0] = 'wallpapers/bgmz.jpg'; //背景图象的路径//
       imageList [1] = 'wallpapers/blue.jpg';
       imageList [2] = 'wallpapers/desktop.jpg';
       imageList [3] = 'wallpapers/sky.jpg';
       $("body").changbg(imageList);
   </script>