`
ljl8086
  • 浏览: 2002 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js 动态更换CSS文件

阅读更多
初次导入样式:
<link rel="stylesheet" type="text/css" id="uiCss" media="screen" href="${ctx}/css/themes/black-tie/jquery-ui.css" />


通过如下函数,即可实现动态更换CSS效果
	
function loadCss(file){
	    var cssTag = document.getElementById('uiCss');
	    var head = document.getElementsByTagName('head').item(0);
	    if(cssTag) head.removeChild(cssTag);
	    css = document.createElement('link');
	    css.href = "//code.jquery.com/ui/1.10.3/themes/"+file+"/jquery-ui.css";
	    css.rel = 'stylesheet';
	    css.type = 'text/css';
	    css.id = 'uiCss';
	    head.appendChild(css);
	}
分享到:
评论

相关推荐

    JavaScript实现无刷新切换网页的CSS文件.rar

    利用JavaScript实现无刷新切换网页的CSS文件,以达到无刷新切换风格的目的,也就是大家俗说的“换肤”特效原理当然是利用JS在客户端执行的特性重载不同的CSS文件,来实现网页风格的变化,CSS文件需要WEB开发者事先...

    JS+CSS3圆形时钟走动特效网页设计,html+css3模拟时钟走动

    主要是用了transform属性,定时器setInterval动态改变旋转角度来达到时钟动态效果,源码分离了css、js和html,总共分为三个文件; 主要是用了transform属性,定时器setInterval动态改变旋转角度来达到时钟动态效果,...

    适时切换CSS实现无刷新变换风格(Cookie保存)

    实用的一个JavaScript+CSS实现的效果,适时切换网页的CSS文件,在线无刷新切换网页风格,使用了JavaScript的Cookie技术,保存CSS切换设置,当再次打开网站的时候不会恢复成默认,变得智能了。示例仅演示2个CSS文件的...

    php+html+js+css实现文件断点续传

    纯js实现多文件断点续传功能,便于开发者前端更换自己喜欢的UI设计。

    cookie,dom,css,js实现页面换肤

    页面换肤已经成为web2.0的时尚,看似简单的过程,实现起来却不那么容易,因为它涉及到javascript写入和读取cookie,这篇文章详细介绍了通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤功能 Html代码部分...

    swiper包含相关css,js

    Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的...

    ExtJS之实现华丽的皮肤主题更换

     把皮肤文件解压 把css文件 如xtheme olive css 拷贝到extjs的resources目录下css文件夹里面:"&gt;extjs的默认皮肤很好看 但是我们还可以变换样式切换其他皮肤  1 直接添加其他css文件换肤 好多皮肤上网就可以收到的...

    情人节-html特效-html文件、css文件、js文件和示例图片

    专属程序员的情人节表白方式,非程序员也可以用,只需将图片更换成自己的图片即可发给心仪的ta,让ta小鹿乱撞一番。如果有服务器,部署到服务器效果更佳,免安装和解压的麻烦,直接发url,一触即达。

    js+css简单实现网页换肤效果

    主要介绍了js+css简单实现网页换肤效果的方法,涉及JavaScript响应鼠标事件动态遍历及修改页面元素样式的相关技巧,需要的朋友可以参考下

    ucool-2.4 一款用于前端调试(特别bug-fix包括js,css)的代理服务器,基于Apache Tomcat,通过它可以将线上的js,css从压缩状态变成源码状态

    代理css和js文件,摆脱demo地址在应用中修改的困扰(不管本地和虚拟机,都可以了) 2.本地调试/demo里的jsonp,不用修改url,不用开启fiddler 3.配置文件切换debug功能,可以强制显示source文件

    非常漂亮的图片切换效果

    类似于苹果相册的图片切换效果如何使用: 步骤 1 - 安装 Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库. 你将需要外调这三个 Javascript 文件在你的 header. &lt;script type="text/javascript" src="js/...

    js动态切换图片的方法

    主要介绍了js动态切换图片的方法,包含完整的css文件与js文件实现技巧,非常具有实用价值,需要的朋友可以参考下

    【JavaScript源代码】Swiper.js插件超简单实现轮播图.docx

     1、首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。 &lt;!-- Link Swiper--&gt; ...

    react实现antd线上主题动态切换功能

    demo 框架选择: create-react-app + mobx + webpack5 + antdesign 说明 由于最近公司有多个主题的... Less切换 单纯引入所有的less文件去做切换,这样不能实现css的动态加载了,会增加无用css文件的加载 最后通过比

    8种js图片切换效果

    8种js图片切换效果(包括.html.js.css文件)

    frontend:自定义JS和CSS前端以包含在Canvas中

    自定义JS和CSS前端是使用Canvas中的机制(包括自定义.js和.css文件)在Canvas之上构建的。 前端通过使用和使用JavaScript和模板注入的自定义HTML来更改Canvas图形设计和用户界面。 使用Node和将自定义JS和CSS前端...

    CSS 如何影响首次加载时的白屏时间的解决方法

    含有外部 css 文件的渲染流水线   上图中,请求 HTML 数据和构建 DOM 中间有一段空闲时间,这段时间可能成为页面渲染的瓶颈。DOM 构建结束后,css 文件还未下载完成这段时间内,渲染流水线一直在等待,因为下一步是...

Global site tag (gtag.js) - Google Analytics