<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script id="allmobilize" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>

<title>根据日期切换图片KFX</title>

</head>

<body>

<span id="kfx" style="display:none;"></span>

<div id="kfx_bg" style="height:440px;background-color:red;"></div>

<script type="text/javascript">

function showLocale(objD)

{

	var str,colorhead,colorfoot;

	var yy = objD.getYear();

	if(yy<1900) yy = yy+1900;

	var MM = objD.getMonth()+1;

	if(MM<10) MM = '0' + MM;

	var dd = objD.getDate();

	if(dd<10) dd = '0' + dd;

	var hh = objD.getHours();

	if(hh<10) hh = '0' + hh;

	var mm = objD.getMinutes();

	if(mm<10) mm = '0' + mm;

	var ss = objD.getSeconds();

	if(ss<10) ss = '0' + ss;

	var ww = objD.getDay();

	if  ( ww==0 )  colorhead="<font color=\"#FF0000\">";

	if  ( ww > 0 && ww < 6 )  colorhead="";

	if  ( ww==6 )  colorhead="<font color=\"#008000\">";

	colorfoot=""

	str = colorhead+ MM + "-" + dd ;

	return(str);

}

function tick()

{

var today;

today = new Date();

document.getElementById("kfx").innerHTML = showLocale(today);

//立春2月4日

if(showLocale(today)=="11-01"){

  $(function(){

  $("#kfx_bg").css("background-image","url('spring.png')");

  //$("#kfx_bg").css("background-image","url('http://www.baidu.com/img/bdlogo.gif')");

})

}

//立夏5月5号或6号

else if(showLocale(today)=="05-05"){

  $(function(){

   $("#kfx_bg").css("background-image","url('summer.png')");

  })

}

//立秋9月23日或24日

else if(showLocale(today)=="09-23"){

  $(function(){

  $("#kfx_bg").css("background-image","url('autumn.png')");

  })

}

//立冬11月7号

else if(showLocale(today)=="11-07"){

  $(function(){

   $("#kfx_bg").css("background-image","url('winter.png')");

  })

}

//五一

else if(showLocale(today)=="05-01"){

  $(function(){

   $("#kfx_bg").css("background-image","url('wuyi.png')");

  })

}

//国庆

else if(showLocale(today)=="10－01"){

  $(function(){

   $("#kfx_bg").css("background-image","url('guoqing.png')");

  })

}

;

}

tick();

</script>

</body>

</html>

根据日期切换图片KFX的更多相关文章

  1. javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件（三）

    在上一篇<javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)>里,通过采用模板方法模式完成了切换效果对象的构建编写. 接下来就是完成各效果对象的调 ...

  2. javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）

    在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...

  3. javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件（一）

    类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些. 比较常用之一的就是窗帘切换了. ...

  4. Android中仿淘宝首页顶部滚动自定义HorizontalScrollView定时水平自动切换图片

    Android中仿淘宝首页顶部滚动自定义HorizontalScrollView定时水平自动切换图片 自定义ADPager 自定义水平滚动的ScrollView效仿ViewPager 当遇到要在Vie ...

  5. jQuery演示10种不同的切换图片列表动画效果

    经常用到的图片插件演示jQuery十种不同的切换图片列表动画效果 在线演示 下载地址 实例代码 <!DOCTYPE html> <html lang="en" c ...

  6. jquery插件jquery.LightBox.js之点击放大图片并左右点击切换图片（仿相册插件）

    该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果,您可以根据自己的实 ...

  7. jQuery演示10种不同的切换图片列表动画效果以及tab动画演示 2

    很常用的一款特效纯CSS完成tab实现5种不同切换对应内容效果 实例预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ...

  8. Core Animation一些Demo总结 （动态切换图片、大转盘、图片折叠、进度条等动画效果）

    前一篇总结了Core Animation的一些基础知识,这一篇主要是Core Animation 的一些应用,涉及到CAShapeLayer.CAReplicatorLayer等图层的知识. 先看效果 ...

  9. H5+CSS3实现手指滑动切换图片

    包含3个文件:html.slider-H5.js.jquery.js(自行下载).在html中可配置滑动参数.具体代码如下: HTML代码: <!DOCTYPE HTML> <htm ...

随机推荐

  1. Django-Filter源码解析一

    Django Filter源码解析 最近在看Django-FIlter项目的源码,学习一下别人的开发思想: 整体介绍 首先,我从其中一个测试用例作为入口,开始了debug之路,一点一点的断点,分析它的 ...

  2. 自动化运维_Ansible

    1. 前言 Ansible是自动化运维的工具,基于Python开发,实现了批量系统配置.批量程序部署.批量运行命令等功能. Ansible是基于模块工作的,ansible提供一个框架,通过模块实现批量 ...

  3. Jenkins部署在Tomcat容器提示：反向代理设置有误

    这个错误我研究了一下,应该是部署在Tomcat时特有的错误,并且我把启动的目录设置成ROOT同样也还在,网上说在系统设置里面的Jenkins URL设置后可以解决,但我测试了同样不行. 如果使用jav ...

  4. STM32 UART DMA实现未知数据长度接收

    串口通信是经常使用到的功能,在STM32中UART具有DMA功能,并且收发都可以使用DMA,使用DMA发送基本上大家不会遇到什么问题,因为发送的时候会告知DMA发送的数据长度,DMA按照发送的长度直接 ...

  5. struts2中ognl标签具体解释

    <body> <s:set name="age" value="61" /> <!-- if elseif else 參数test ...

  6. 使用SIGALRM信号为阻塞操作设置超时

    我们经常会遇到为阻塞操作设置超时的问题,比如说阻塞套接字read读取设置10秒超时,其中一个办法就是调用alarm函数,它在指定超时时期产生SIGALRM信号,使得阻塞操作中断. 但其弊端在于: 1. ...

  7. [Winform]在关闭程序后，托盘不会消失的问题

    摘要 在开发winform程序时,添加了系统托盘,然发现在程序关闭后,托盘并不会消失,鼠标放在上面之后,才会消失.猜测是资源没有释放干净引起的.托盘作为form的组件,应该会随着form的关闭而释放啊 ...

  8. C#编程小结----集合的小小总结

    集合的小结 以上文章介绍了如何处理不同类型的集合,数组的大小是固定的,但可以使用列表作为动态增长的集合.队列以先进先出的方式访问元素.栈以后进先出的方式访问元素.链表可以快速的插入和删除元素,但搜索操 ...

  9. Linkedin工程师是如何优化他们的Java代码的

    http://greenrobot.me/devpost/java-faster-less-jvm-garbage/ Linkedin工程师是如何优化他们的Java代码的 最近在刷各大公司的技术博客的 ...

  10. JAVA8 List排序

    先定义一个实体类 @Data @AllArgsConstructor @NoArgsConstructor public class Human { private String name; priv ...