• 关注此站
  • 网站管理
    • 网站首页
    • 给我留言
    js日期判断
    发布者:kos   发布日期:2010年03月10日 6:14 pm 暂无评论


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <script language="javascript" type="text/javascript">
    //获取当前日期的年份
    function getCurrentYear() {
    var year = new Date().getYear();
    if(year < 1900) year += 1900;
    return year;
    }
    //获取当前日期的月份
    function getCurrentMonth() {
    return new Date().getMonth() + 1;
    }
    //获取当前日期的天数
    function getCurrentDay() {
    return new Date().getDate();
    }
    function cc(enday){
    var minutes = 1000 * 60;
    var hours = minutes * 60;
    var days = hours * 24;
    var years = days * 365;
    if(enday == ""){
    alert("请输入结束日期");
    }
    else{
    var today = getCurrentYear()+"-"+getCurrentMonth()+"-"+getCurrentDay();
    //var enday = "2010-04-10";
    var startDate = new Date(today.replace(/-/g, "/")).getTime();
    var endDate = new Date(enday.replace(/-/g, "/")).getTime();
    var val = (startDate-endDate)/days;
    //alert(val);
    if(val == 0){
    alert("嘿嘿,你选的是今天");
    }
    else if(val > 0){
    alert("今天离"+enday+"已过了"+(startDate-endDate)/days+"天");
    }
    else{
    alert("今天到"+enday+"还有"+(endDate-startDate)/days+"天");
    }
    }
    }
    </script>
    </head>

    <body>
    <input type="text" name="textfield" onBlur="cc(this.value)">
    </body>
    </html>

    来自分类: JavaScript   Tags: getDate, getMonth, getYear, replace, 日期判断
    js表格排序,可任意的对指定列的进行排序
    发布者:kos   发布日期:2010年03月5日 9:39 pm 暂无评论

    由于工作需要,要实现表格内容的排序,于是在网上找了很多代码,这种东西写的人确实太多,所以自己就不怎么想写了,但网上找的大部分要么兼容性不好,要么达不到我的要求,于是找了个较为简单的进行修改.
    声明:由于我在找到的源码上做了很多修改,把无用的东西都删除掉了,所以现在不知道出处,抄袭之处,敬请原谅!
    所以排序的原理就不做解释了,再一就是我也没认真看过,可以慢慢去了解原理,在大部分要用到的这种排序中,可能有些不必要的项(即列),可能不需要进行排序,所以我们要对想进行排序的项才实现排序功能,那么要写一个通用的,最简单的方法就是把要排序的列放到一组数据中传到方法里面去,方法体接收到参数后,把组成一个数组,然后循环判断让需要进行排序的列去执行排序方法,费话就说这些了,下面是给出的源代码,如有兴趣可以一起研究一下,看有没有不足之处:
    效果如下:

    姓名 班级 语文 数字 物理 化学 总分 平均分 总名次 班级名次
    张三 1班 60 80 90 78 388 78 1 1
    李四 2班 70 90 98 56 483 76 7 2
    王五 3班 67 89 87 67 367 79 23 3
    赵六 4班 76 87 76 89 424 85 26 4

    上面的例子我只让1,2,3,4,5,7进行排序,所以传值的时候写成了

    <script type="text/javascript">
    var st1 = new SortableTable(document.getElementById("dTable"),'','1,2,3,4,5,7');
    </script>

    来自分类: DIV+CSS, JavaScript, 网站设计   Tags: 任意列, 表格排序
    自定义的类似title的提示效果
    发布者:kos   发布日期:2010年02月23日 12:06 pm 暂无评论

    前面有一篇文章实现有类似的功能

    巧用title属性做提示功能,兼容的js代码

    这里是用的title属性实现的这样的功能,现在用另一种方式来达到同样的效果,只不过用的是层来实现

    直接看下面的例子

    CODE
    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

    来自分类: JavaScript, 网站设计   Tags: title, 提示
    暴寒的新一轮淘宝卖家差评回复
    发布者:kos   发布日期:2010年01月8日 3:37 am 暂无评论

    粉色纯棉短袖T恤
    [详情] 该宝贝质量太差,刚上身十分钟就烂了。
    [解释] 这是撕的吧,你和老公打架了?告诉他撕女人衣服不好啊。

    实体店推荐超级舒适内衣
    [详情] 根本不适合贴身穿着,皮肤会有刺痒感觉,怎么处理?
    [解释] 痒就挠呗。

    冲冠 大创反季促销超可爱手套
    [详情] 事到如今,我实在不知道说什么好……我真是非常生气……但是……唉,算了,不过我以后不会再来找你了。尽管这次的事件开始是因我而起,最终也解决了,但是还是不知怎么说好。这……

    来自分类: 网络杂坛   Tags: 差评回复, 淘宝
    浅谈关于父页面和子页面相传值的问题
    发布者:kos   发布日期:2010年01月8日 3:21 am 暂无评论

    关于父页面和子页面相传值的问题可能一直困扰着不少人,这在平时的编程中随时都会遇到,在此就本人做ui的经历中遇到过这样的问题做点简单的总结。
    首先从兼容性方面考虑,由于网民的个人爱好不一样,再加上浏览器的种类和版本的众多,而基本上每种浏览器的内核都不一样,甚至有些并不是完全基于W3C标准,所以有些js的语法在不同的浏览器上就会得到不同的效果,比如在ie6上访问一个对象,那个对象的id是obj,js获取这个对象的时候可以直接就拿obj来用,而火狐等很多浏览器则不能,必须符合W3C标准才行,应该写成document.getElementById(”obj”);再比如说求某个节点下面的子节点个数,可以试看下面的代码,在不同浏览器上又有可能不一样
    <div id=”cov”>
    <li>张三</li>
    <li>李四</li>
    <li>王王</li>
    <li>友意博客</li>
    </div>
    <script type=”text/javascript”>
    var bigcov = document.getElementById(”cov”);
    alert(bigcov.childNodes.length);
    </script>

    先不扯远了,其实iframe是个很有用的东西,有很多优点,比如页面而已,跳转,优先级等,关于传值的问题基本上出现在跳转里面,这里先说一点注意,关于有传值的问题,把js代码写到子页面里面是最好不过的了,从父页面获取子页面不是个好办法,但从子页面往父页面传值很容易办到,首先来说,一个父页面可以存在多个子页面,而子页面又是可变的,这里会出现的一个问题马上就来了,看下面的代码
    <iframe id=”parentHTML” name=”parentHTML” src=”text1.html”></iframe>这里的text1.html里面比如有个id叫text的控件,这时父页面去操作他能办到,但如果有其它链接指向这个iframe,然后另处一个页面里面没有text这个对象,那么父页面再来访问这个对象的时候就报错了,也许另外的这个子页面根本就与你父页面要用到的这个js无关,所以哪个页面与这个js有关,你就把写到那个页面去,比如父页面要用到子页面的text这个文本框的的传,那么你就在子页面把值传给父页面,你先在父页面设一个隐藏的文本,子页面就这样写:parent.document.getElementById(’obj’).value=”你要传的值”,这样父页面就得到子页面的值了,这样写是因为当前的子页面只承在于一个父页面,在此先就介绍关于iframe的父子传值问题,随后再谈谈关于弹出类的父子传值。

    来自分类: JavaScript   Tags: iframe, W3C标准, 传值, 子页面, 父页面
    div+css通用网页布局实例
    发布者:kos   发布日期:2009年12月8日 10:55 am 暂无评论

    直接看下面的效果,通用的网页基本上采用这个基本布局,不再为div+css实现网页布局而烦恼了!

    CODE
    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

     

    [查看详情... ...]

    来自分类: DIV+CSS, 网站设计   Tags: DIV+CSS, 网页布局
    js实现表格添加,删除行,并且表头固定的表格滚动
    发布者:kos   发布日期:2009年12月7日 10:22 pm 共有4条评论

    又有好久没写东西了,一直忙工作的事,最近又被一件事吸引住,也困惑住,就是表格滚动问题

    要求是表格内容如果过多的话,表格要滚动,但只是表体内容动,而表头不动,效果要和Excel的一样,然后我在网上找了一些,要么觉得太烦,要么就根本达不到目的,最后又只得自己来写,今天终于算写好了,但还有一些小小的bug,而这些小bug一时半会我又解决不了,痛苦,先将就把这个能在普通情况下用得上的效果展示出来看一下吧

    CODE
    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

    [查看详情... ...]

    来自分类: JavaScript, 网站设计   Tags: Excel, 行删除, 行添加, 表头固定, 表格滚动
    javascript弹出窗口代码大全[转]
    发布者:kos   发布日期:2009年12月2日 12:57 pm 暂无评论

    如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:
      1.弹启一个全屏窗口

    <html>
    <body onload="window.open('http://www.kunde58.com','example01','fullscreen');">;
    <b>www.kunde58.com</b>
    </body>
    </html>

      2.弹启一个被F11化后的窗口

    <html>
    <body onload="window.open(''http://www.kunde58.com','example02','channelmode');">;
    <b>www.kunde58.com</b>
    </body>
    </html>

      3.弹启一个带有收藏链接工具栏的窗口

    <html>
    <body onload="window.open('www.wangye8.com','example03','width=400,height=300,directories');">
    <b>www.wangye8.com</b>
    </body>
    </html>

     

    [查看详细...]

    来自分类: JavaScript, 网络资源   Tags: 弹出窗口
    利用js的Math方法实现一种摇晃的鼠标跟随效果
    发布者:kos   发布日期:2009年11月30日 10:16 pm 暂无评论

    也许这个东西没什么实用价值,但好耍是肯定的

    看看下面的效果

    CODE
    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

     

    其实在上面的代码中做点小手脚,你就可以看到不同的效果,也许你会用得着。

    比如把
    AD.style.left = x-ADW;
    AD.style.top = y-ADH;
    改成
    AD.style.left = x;
    AD.style.top = y;
    或其它的,就可以用到其它地方了!

    来自分类: JavaScript, 网站设计   Tags: Math, setTimeout, 摇晃的鼠标跟随
    js+CSS实现QQ菜单样式(老版QQ菜单样式,兼容火狐)
    发布者:kos   发布日期:2009年11月30日 6:01 pm 暂无评论

    给大家一个都不陌生的导航样式,老版的QQ菜单样式,网上找了一些代码,但觉得很复杂,想用起来又不方便,于是自己动手写了一个简单的,除了没有写缓慢展开的效果外,其余的都应该差不多,相信很多地方都能用上。

    功能如下:
    1、初始状态下,所以菜单呈关闭状态,当点击某一个菜单时,就展开此菜单,展示里面的内容
    2、当点击另外一个菜单时,前一个菜单关闭,展开新点击的菜单,展示里面的内容
    3、浏览器窗口大小改变时,展开的菜单会对应于你的浏览器大小而拉伸或压缩
    4、当浏览器窗口高度过小(即刷新浏览器出现上下滚动)时,报错提醒,(相信设置导航时会考虑到大体性,即不要把分类分得太多)

    最后,用到的样式表都只是为了体现功能效果,没有细设,至于鼠标移动和其它样式,自己稍做修改就可达到你想要的效果

    [查看实例]

    来自分类: DIV+CSS, JavaScript, 网站设计   Tags: onResize(), 兼容的QQ菜单, 导航
    上一篇:%link
    • 站点日历

        2010-03月    
      一 二 三 四 五 六 日
      1234567
      891011121314
      15161718192021
      22232425262728
      293031  
    • 站内搜索

    • 分类导航

      • DIV+CSS (11)
      • Flash编程 (1)
      • JavaScript (23)
      • 网站设计 (15)
      • 网络杂坛 (2)
      • 网络资源 (2)
    • 博客标签

      下拉菜单(1) 优先级(1) 传值(3) 兼容(3) 子页面(2) 字符串(1) 导航(2) 手机号码(1) 拼接(1) 提示效果(1) 滚动(2) 滤镜(1) 电话号码(1) 空间站(1) 网页(1) 节点(1) 获取(1) 调试(1) 运行(1) 透明背景(1) 邮箱(1) 验证(1) clearTimeout(2) code调试(1) contentWindow(1) createRange(1) ExecWB(1) external(1) iframe(1) JavaScript(1) join()(2) js(1) MARQUEE(2) options(1) parentNode(1) png(1) refresh(1) scrollTop(1) selectedIndex(1) selection(1) setInterval(1) setTimeout(4) textarea(1) title(2) W3C标准(3)
    • 有情链接

      • 博客集中营
      • 寻常百姓(淘宝导购)
      • 寻常百姓·家
      • 手机菜鸟
      • 柳永法'Blog
      • 爱吾资源
    Powered by WordPress. Theme F2.© 2010 友意博客   E-mail:uideas@163.com   QQ:50853854