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

推荐订阅源

Attack and Defense Labs
Attack and Defense Labs
The GitHub Blog
The GitHub Blog
C
Check Point Blog
博客园_首页
MongoDB | Blog
MongoDB | Blog
N
Netflix TechBlog - Medium
F
Full Disclosure
Microsoft Security Blog
Microsoft Security Blog
爱范儿
爱范儿
Recent Announcements
Recent Announcements
阮一峰的网络日志
阮一峰的网络日志
G
GRAHAM CLULEY
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
T
Threat Research - Cisco Blogs
C
Cybersecurity and Infrastructure Security Agency CISA
V
Vulnerabilities – Threatpost
K
Kaspersky official blog
博客园 - 司徒正美
S
Schneier on Security
T
The Exploit Database - CXSecurity.com
Project Zero
Project Zero
云风的 BLOG
云风的 BLOG
Cisco Talos Blog
Cisco Talos Blog
Know Your Adversary
Know Your Adversary
雷峰网
雷峰网
V
V2EX - 技术
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Spread Privacy
Spread Privacy
罗磊的独立博客
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
S
Security Affairs
SecWiki News
SecWiki News
Schneier on Security
Schneier on Security
O
OpenAI News
Jina AI
Jina AI
PCI Perspectives
PCI Perspectives
Cyberwarzone
Cyberwarzone
Y
Y Combinator Blog
Apple Machine Learning Research
Apple Machine Learning Research
B
Blog RSS Feed
I
InfoQ
D
Docker
P
Palo Alto Networks Blog
Recorded Future
Recorded Future
M
MIT News - Artificial intelligence
博客园 - Franky
B
Blog
Scott Helme
Scott Helme
博客园 - 叶小钗
D
DataBreaches.Net

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