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

推荐订阅源

博客园 - Franky
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
美团技术团队
The Cloudflare Blog
量子位
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园_首页
F
Fortinet All Blogs
J
Java Code Geeks
人人都是产品经理
人人都是产品经理
N
Netflix TechBlog - Medium
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
爱范儿
爱范儿
Apple Machine Learning Research
Apple Machine Learning Research
B
Blog RSS Feed
博客园 - 聂微东
Hugging Face - Blog
Hugging Face - Blog
WordPress大学
WordPress大学
小众软件
小众软件
Y
Y Combinator Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Vercel News
Vercel News
S
SegmentFault 最新的问题
有赞技术团队
有赞技术团队

博客园 - 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>