用javascript实现节假日自动切换风格

1.设置函数

function set(){var date_time = new Date();var month = date_time.getMonth()+1;var day = date_time.getDate();var doc_head = document.head;var link_list = document.getElementsByTagName("link");var link_style = document.createElement("link");if( month===10 && day===1){var red = document.createElement("link");red.setAttribute("rel","stylesheet");red.setAttribute("href","../css/red.css");link_style.setAttribute("rel","stylesheet");link_style.setAttribute("href","../css/GQ.css");doc_head.appendChild(red);doc_head.appendChild(link_style);}else if(month===1 && day===1){if( link_list){for(i=0;i<link_list.length;i++){if(link_list[i].getAttribute("ty")==="blue"){doc_head.removeChild(link[i]);}}}var red = document.createElement("link");red.setAttribute("rel","stylesheet");red.setAttribute("href","../css/red.css");link_style.setAttribute("rel","stylesheet");link_style.setAttribute("href","../css/YD.css");doc_head.appendChild(red);doc_head.appendChild(link_style);}else if(month===2 && day===4){var red = document.createElement("link");link_style.setAttribute("rel","stylesheet");link_style.setAttribute("href","../css/red.css");doc_head.appendChild(link_style);}else if(month===5 && day===1){link_style.setAttribute("rel","stylesheet");link_style.setAttribute("href","../css/blue.css");doc_head.appendChild(link_style);}
}

2.页面打开始调用函数

  window.οnlοad=function(){set();}

转载于:https://www.cnblogs.com/zengwenhao/p/10321100.html

用javascript实现节假日自动切换风格相关推荐

[JS]图片自动切换效果（学习笔记）
上次在下载的网页中看到 javascript实现图片自动切换效果: <style text="text/css"> /*图片滚动栏*/ .container, .con ...
【温故而知新-Javascript】图片效果（图像震动效果、闪烁效果、自动切换图像）...
1.当鼠标指针经过图像时图像震动效果 View Code 2.图片闪烁效果 View Code 3.自动切换图像 <!DOCTYPE html PUBLIC "-//W3C//DT ...
html制作自动切换音乐按钮代码,HTML5+JavaScript+CSS实现音乐播放器——难点二:自己设计一个控制音乐播放的控制器...
我们都知道HTML5给我们提供了"controls"这个插件,可是这个插件却比较丑,还不能实现上一首下一首的播放,以及进度条的手动改变等功能,那么如何自己设计一个控制音乐播放的控制 ...
JQury自动切换图片
[标签]Jquery图片自动切换 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...
jquery背景自动切换特效
查看效果网址: http://keleyi.com/a/bjad/4kwkql05.htm 本特效的jquery版本只支持1.9.0以下. 代码如下: 1 <!DOCTYPE html PUBL ...
html图片自动切换的幻灯片效果的,js带点自动图片轮播幻灯片特效代码分享
本文实例讲述了javascript带点自动图片轮播幻灯片特效.分享给大家供大家参考.具体如下: 这是一款基于javascript实现带点自动图片轮播幻灯片特效代码,实现过程很简单. 运行效果图:--- ...
html自动切换文字,JS实现自动切换文字的导航效果代码
本文实例讲述了JS实现自动切换文字的导航效果代码.分享给大家供大家参考.具体如下: 这里介绍支持自动切换文字的导航菜单效果,实际上看上去并不像菜单,猛一看倒像是一个Select下拉框,两侧带有箭头控制 ...
jquery叠加页片自动切换特效
查看效果:http://keleyi.com/keleyi/phtml/jqtexiao/34.htm 下面是HTML代码: <!DOCTYPE html> <html xmlns= ...
H5+CSS+JS Tab导航栏自动切换
传智播客教材案例功能删改 html5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"" ...
关于如何设置网页自动切换背景图片
这篇文章关于如何设置网页自动切换背景图片如何设置背景图片通过点击按钮来触发"切换背景图片"这个命令 ==重点== 如何在script里面改变网页的背景图片设置背景图片自动切换 ...

用javascript实现节假日自动切换风格

用javascript实现节假日自动切换风格相关推荐

最新文章

热门文章