分类 HTML & CSS & JS 下的文章

js 判断所选时间(或者当前时间)是否在某一时间段

var time_range = function (beginTime, endTime, nowTime) {
    var strb = beginTime.split (":");
    if (strb.length != 2) {
        return false;
    }

    var stre = endTime.split (":");
    if (stre.length != 2) {
        return false;
    }

    var strn = nowTime.split (":");
    if (stre.length != 2) {
        return false;
    }
    var b = new Date ();
    var e = new Date ();
    var n = new Date ();

    b.setHours (strb[0]);
    b.setMinutes (strb[1]);
    e.setHours (stre[0]);
    e.setMinutes (stre[1]);
    n.setHours (strn[0]);
    n.setMinutes (strn[1]);

    if (n.getTime () - b.getTime () > 0 && n.getTime () - e.getTime () < 0) {
        return true;
    } else {
        alert ("当前时间是:" + n.getHours () + ":" + n.getMinutes () + ",不在该时间范围内!");
        return false;
    }
}
time_range ("21:30", "23:30", "3:22");

效果

2012091317403446

var time_range = function (beginTime, endTime) {
    var strb = beginTime.split (":");
    if (strb.length != 2) {
        return false;
    }

    var stre = endTime.split (":");
    if (stre.length != 2) {
        return false;
    }

    var b = new Date ();
    var e = new Date ();
    var n = new Date ();

    b.setHours (strb[0]);
    b.setMinutes (strb[1]);
    e.setHours (stre[0]);
    e.setMinutes (stre[1]);

    if (n.getTime () - b.getTime () > 0 && n.getTime () - e.getTime () < 0) {
        return true;
    } else {
        alert ("当前时间是:" + n.getHours () + ":" + n.getMinutes () + ",不在该时间范围内!");
        return false;
    }
}
time_range ("21:30", "23:30");

隐藏网站统计LOGO

百度、谷歌网站统计可以设置不显示网站统计,但站长统计等就不能了。
如果觉得比较难看,可以把统计代码输出内容隐藏掉,一个很简单的css样式就可以做到。
这不影响统计功能。

<span style="display:none">统计代码</span>

JavaScript判断按钮URL是否指向当前页

html 标签内容

<div id="navigation">
  <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="photos.html">Photos</a></li>
    <li><a href="live.html">Live</a></li>
    <li><a href="contact.html">Contact</a></li>
  </ul>
</div>

JavaScript 代码

function highlightPage() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("navigation")) return false;
  var nav = document.getElementById("navigation");
  var links = nav.getElementsByTagName("a");
  for (var i=0; i<links.length; i++) {
    var linkurl = links[i].getAttribute("href");
    var currenturl = window.location.href;
    if (currenturl.indexOf(linkurl) != -1) {
      links[i].className = "here";
      var linktext = links[i].lastChild.nodeValue.toLowerCase();
      document.body.setAttribute("id",linktext);
    }
  }
}

解决HTML网页中文显示乱码

发布HTML网页的会乱码?并不是空间不支持,而是编码问题。添加以下代码到网页的head标签中即可解决问题

<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>

两个浮动DIV保持同高度

利用溢出隐藏CSS样式实现两个浮动DIV保持同高度,让左边栏DIV和右内容DIV高度保持一致。实例代码如下:

HTML代码

<div id="center">
  <div id="left"></div>
  <div id="right"></div>
</div>

CSS代码

#center{
 width:100%;
 height:100%;
 overflow:hidden;
}

#left{
 width:20%;
 float:left;
 background:#9c9c9c;
 margin-bottom:-3000px;
 padding-bottom:3000px;
}

#right{
 width:80%;
 float:right;
 background:#323232;
 margin-bottom:-3000px;
 padding-bottom:3000px;
}

自动滚动jQuery幻灯片代码

瞅瞅图片,效果不错吧,我挺喜欢的,还有其他样式。可以自动滚动,可左右翻页,并有导航按钮!学了挺久HTML和CSS,虽然都是闲暇时才看,练习比较少,记的元素也不多,但还是想自己做个网页练练手,觉得动手胜过一切!

- 阅读剩余部分 -