脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js日历 calendar控件

修改js Calendar日历控件 兼容IE9/谷歌/火狐

 更新时间：2013年01月04日 17:26:43   作者：  
修改js Calendar日历控件 兼容IE9/谷歌/火狐等主流浏览器，只是能用，出现的位置存在一些差异，晒出来与大家分享，希望有高手再帮我改改吧
修改Calendar日历控件 兼容IE9，谷歌，火狐。
只是能用，出现的位置有所不同，希望有高手再帮我改改吧，谢谢
一、
复制代码 代码如下:

this.iframe = window.frames（"meizzCalendarIframe"）;

修改为
复制代码 代码如下:

this.iframe = window.frames["meizzCalendarIframe"];

二、
复制代码 代码如下:

var a = (arguments.length==0) ? WebCalendar.day[this.id.substr(8)].split("/") : arguments[0].split("/");

修改为
复制代码 代码如下:

var a = WebCalendar.day[this.id.substr(8)].split("/");


三、
复制代码 代码如下:

function dayMouseOver()
{
this.className = "over";
this.style.backgroundColor = WebCalendar.darkColor;
if(WebCalendar.day[this.id.substr(8)].split("/")[1] == WebCalendar.thisMonth)
this.style.color = WebCalendar.lightColor;
}
function dayMouseOut()
{
this.className = "out"; var d = WebCalendar.day[this.id.substr(8)], a = d.split("/");
this.style.removeattribute("backgroundColor");
if(a[1] == WebCalendar.thisMonth && d != WebCalendar.today)
{
if(WebCalendar.dateStyle && a[0] == parseInt(WebCalendar.dateStyle[4], 10))
this.style.color = WebCalendar.lightColor;
this.style.color = WebCalendar.wordColor;
}
}

修改为
复制代码 代码如下:

var bgbgbg;
function dayMouseOver()
{
this.className = "over";
bgbgbg=this.style.backgroundColor;
this.style.backgroundColor = WebCalendar.darkColor;
if(WebCalendar.day[this.id.substr(8)].split("/")[1] == WebCalendar.thisMonth)
this.style.color = WebCalendar.lightColor;
}
function dayMouseOut()
{
this.className = "out"; var d = WebCalendar.day[this.id.substr(8)], a = d.split("/");
this.style.backgroundColor = bgbgbg;
if(a[1] == WebCalendar.thisMonth && d != WebCalendar.today)
{
if(WebCalendar.dateStyle && a[0] == parseInt(WebCalendar.dateStyle[4], 10))
this.style.color = WebCalendar.lightColor;
this.style.color = WebCalendar.wordColor;
}
}
您可能感兴趣的文章:

相关文章

  • JavaScript高级编程之Array的用法总结

    JavaScript高级编程之Array的用法总结

    这篇文章主要为大家介绍了JavaScript中Array常见用法的总结，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2022-11-11
  • Bootstrap教程JS插件弹出框学习笔记分享

    Bootstrap教程JS插件弹出框学习笔记分享

    这篇文章主要为大家分享了Bootstrap教程JS插件弹出框学习笔记，为大家详细介绍Bootstrap弹出框的使用方法，感兴趣的小伙伴们可以参考一下
    2016-05-05
  • ES6 Class中实现私有属性的一些方法总结

    ES6 Class中实现私有属性的一些方法总结

    这篇文章主要给大家介绍了关于ES6 Class中实现私有属性的一些方法，文中通过示例代码介绍的非常详细，对大家学习或者使用ES6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-07-07
  • countUp.js实现数字滚动效果

    countUp.js实现数字滚动效果

    这篇文章主要为大家详细介绍了countUp.js实现数字滚动效果,文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-10-10
  • javascript ie6兼容position:fixed实现思路

    javascript ie6兼容position:fixed实现思路

    positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置，由于网页中类似这样的元素很多，所以本文的出现是很有必要的了，接下为大家介绍下javascript如何实现ie6下的position:fixed
    2013-04-04
  • 10行原生JS实现文字无缝滚动(超简单)

    10行原生JS实现文字无缝滚动(超简单)

    下面小编就为大家分享一篇10行原生JS实现文字无缝滚动的效果，特别简单，具有很好的参考价值，希望对大家有所帮助
    2018-01-01
  • javascript使用canvas实现饼状图效果

    javascript使用canvas实现饼状图效果

    这篇文章主要为大家详细介绍了javascript使用canvas实现饼状图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JS实现面包屑导航功能从零开始示例

    JS实现面包屑导航功能从零开始示例

    这篇文章主要为大家介绍了JS实现面包屑导航功能从零开始示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • 理解JavaScript事件对象

    理解JavaScript事件对象

    这篇文章主要为大家介绍了JavaScript事件对象，了解JavaScript事件
    2016-01-01
  • JS实现仿中关村论坛评分后弹出提示效果的方法

    JS实现仿中关村论坛评分后弹出提示效果的方法

    这篇文章主要介绍了JS实现仿中关村论坛评分后弹出提示效果的方法,实例分析了javascript弹出特效的css与提示框的具体实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02

最新评论