StyleSwichter

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-14 06:43:03

软件介绍

StyleSwichter is a little jQuery plugin to alternate CSS stylesheets in a web page. StyleSwichter set the appropiate style (previously saved in a cookie) when the web page load, using the "DOM ready" function of jQuery. After this, you can use the plugin (the same function) to establish another style, and the plugin set it and save the selection in a cookie.

The plugin is around 2 KB and packed only 600 bytes. Take a look, the usage of plugin is here:

    // DOM ready!
    $(function(){
      var options={
        linkTitle: 'styleswichter',
        cookieName: 'selected-style'
      };
      $.fn.StyleSwichter(options);
    });

The plugin find in the appropiate cookie, and, if a style is saved previously, change to this style automatically. After this, in some place on your web page, you can use the plugin as is:

$.fn.StyleSwichter({cssPath: 'path/style.css'});

As you can see, in this case we indicate the path to a CSS stylesheet. The plugin establish this style and save in a cookie, to be use in sucesive reload of the page. Note that we not use all the options here. Take a look to the available options, that you can use if need. This is the default options values:

  $.fn.StyleSwichter.defaults={
    cssPath: '',
    cookiePath: '',
    cookieDays: 30,
    cookieDomain: '',
    cookieSecure: false,
    linkTitle: 'styleswichter',
    cookieName: 'selected-style'
  };

To read and write the appropiate cookie this plugin use the Cookie jQuery plugin, and this is required in order to use StyleSwichter. The plugin as been tested in Firefox 2, Opera 9, IExplorer 7 and Safari 3. The example file also contain the documentation (in source code) and the link to download StyleSwichter.

In my weblog (in spanish language) I prepare a page to publish this plugin, visit the StyleSwichter page in my weblog. Licensed under the GNU GPL license, I hope this little plugin maybe is usefull for you. Any comments are welcome.

本文地址:https://codercto.com/soft/d/23335.html

JavaScript快速开发工具箱

JavaScript快速开发工具箱

Robin Nixon / 陈武、姚飞 / 清华大学出版社 / 2011-11 / 59.00元

《JavaScript快速开发工具箱:轻松解决JavaScript日常编程问题的100个插件工具》通透讲解100个现成的JavaScript插件,引导您使用这些利器得心应手地创建动态Web内容。《JavaScript快速开发工具箱:轻松解决JavaScript日常编程问题的100个插件工具》开篇讲解JavaScript、CSS和DOM,此后每章都列举一个完整示例,指导您将特定效果快速应用于网页。使......一起来看看 《JavaScript快速开发工具箱》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

html转js在线工具
html转js在线工具

html转js在线工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具