zoukankan      html  css  js  c++  java
  • 在blog中显示天气预报、日历、时钟、MSN、QQ在线状态,还有图片

    在这个oblog里,所有的页都是支持html的,所以可以尽情的发挥,随便的加东西的。
    这个是我写在oblog的公告里的代码:
    <A><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" alt=我和宝宝 src="http://cs.jlu.edu.cn/w01f/image/loveu.gif" border=0> </A> <IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search" frameBorder=0 width=150 scrolling=no height=160></IFRAME>
    这里能上传图片,就更加的方便了。

    我又重新改了一下,为长春的
    <A><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" alt=我和宝宝 src="http://cs.jlu.edu.cn/w01f/image/loveu.gif" border=0> </A> <IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search?city=%B3%A4%B4%BA" frameBorder=0 width=150 scrolling=no height=230></IFRAME>


    以csdn为例,在静态新闻/声明添加如下内容,效果如同本页面所示

    <!-- 时钟clock_035.swf 的035为时钟样式,可自己选择 -->
     <EMBED SRC=http://www.butabon.com/Clock/clock_035.swf WIDTH=150 HEIGHT=150 wmode=transparent quality=high loop=true menu=false>

    <!-- Blog日历表开始 -->
    <script language="javascript">
    var diarydays="<2004-08-05><2004-08-09><2004-08-12><2004-08-17><2004-08-19><2004-07-14><2004-07-13><2004-07-08><2004-07-05><2004-07-04><2004-07-03><2004-06-27><2004-06-26><2004-06-25>";
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style>
    .calendarBigBorder { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; text-decoration: none;  170; background-color: #FFFFFF; font-size: 9pt;border:1px dotted #999; }
    .calendarTd { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; color: #000000; background-color: #eeeeee; height: 18px;  11%; text-align: center;}
    .calendarMInput { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; text-decoration: none; background-color: #FFFFFF; height: 15px; border: 1px solid #666666;  19px; color: #0099FF;}
    .calendarYInput { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; color: #0099FF; text-decoration: none; background-color: #FFFFFF; height: 15px;  34px; border: 1px solid #666666;}
    .calendarMonthTitle { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; font-weight: normal; height: 24px; text-align: center; color: #333333; text-decoration: none; background-color: #eeeeee; border-top- 1px; border-right- 1px; border-bottom- 1px; border-left- 1px; border-bottom-style: none; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999;}
    .calendarNow { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; font-weight: bold; color: #000000; background-color: #C0C9D3; height: 18px; text-align: center;}
    .calendarDaySat { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; color: #333333; text-decoration: none; background-color: #eeeeee; text-align: center; height: 18px;  12%;}
    .calendarDaySun { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; color: #333333; text-decoration: none; background-color: #eeeeee; text-align: center; height: 18px;  12%;}
    .calendarLink { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; font-weight: normal; color: #333333; text-decoration: none; background-color: #E7E7F6; text-align: center; height: 18px;}
    .categoryTxt { font-family: "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 9pt; line-height: 23px; color: #333333; text-decoration: none;}
    .categoryTable { border-right- 1px; border-bottom- 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-right-color: #000000; border-bottom-color: #000000; border-top- 1px; border-top-style: solid; border-top-color: #71b99c;}
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    var months = new Array("一", "二", "三","四", "五", "六", "七", "八", "九","十", "十一", "十二");
    var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);
    var days = new Array("日","一", "二", "三","四", "五", "六");
    var classTemp;
    var calendarHover="calendarHover";
    var today=new getToday();
    var year=today.year;
    var month=today.month;
    var newCal;
    //得到某月天数
    function getDays(month, year)
    { if (1 == month)
         return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;
      else
         return daysInMonth[month];
    }
    //得到当天时间信息
    function getToday()
    {  this.now = new Date();
       this.year = this.now.getFullYear();
       this.month = this.now.getMonth();
       this.day = this.now.getDate();
    }

    //生成日历
    function Calendar()
    {  newCal = new Date(year,month,1); //当前月的第一天
       today = new getToday();  
       var day = -1;   //用来判断日历中是否为当天
       var startDay = newCal.getDay(); //当月开始时间
       var endDay=getDays(newCal.getMonth(), newCal.getFullYear());//当月结束时间
       var daily = 0;   //用来生成日历中的天数值
       if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
          day = today.day;
       var caltable = document.all.caltable.tBodies.calendar;  //得到日历表格的集合
       var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear()); //得到当月天数
       //生成日历
       for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++)
         for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)
         {
          var cell = caltable.rows[intWeek].cells[intDay];   //得到单元袼
       //生成字符串用于判断当天是否有日志
          var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);        
          if ((intDay == startDay) && (0 == daily)){ daily = 1;}
          var daytemp=daily<10?("0"+daily):(daily);
          var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";
       //选择样式
          if(day==daily)
          cell.className="calendarNow";
          else if(diarydays.indexOf(d)!=-1)
             cell.className="calendarLink";
          else if(intDay==6)
          cell.className = "calendarDaySat";
          else if (intDay==0)
          cell.className ="calendarDaySun";
          else
          cell.className="calendarTd";
       //生成值
          if ((daily > 0) && (daily <= intDaysInMonth)) 
          {  cell.innerText = daily;
             daily++;
          }
          else
            cell.innerText = "";
        } 
      document.all.year.value=year;
      document.all.month.value=month+1;
    }

    function subMonth()
    {
      if ((month-1)<0)
      {
         month=11;
      year=year-1;
      }
      else
      {
        month=month-1;
      }
      Calendar();
    }
    function addMonth()
    {
      if((month+1)>11)
      {
        month=0;
        year=year+1;
      }
      else
      {
        month=month+1;
      }
      Calendar();
    }
    //得到响应事件
    function getDiary()
    {
      var mon=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);
      var day=event.srcElement.innerText<10?("0"+event.srcElement.innerText):(event.srcElement.innerText);
      var d="<"+newCal.getFullYear()+"-"+mon+"-"+day+">";
      if ("TD" == event.srcElement.tagName)
      if (("" != event.srcElement.innerText)&&(diarydays.indexOf(d)!=-1))
      {
       diary.location="/foxmail/archive/"+newCal.getFullYear()+"/"+mon+"/"+day+".aspx";
       window.location.href = diary.location;
      }
    }

    function setDate()
    {
      if (document.all.month.value<1||document.all.month.value>12)
      {
        alert("月的有效范围在1-12之间!");
     return;
      }
      year=Math.ceil(document.all.year.value);
      month=Math.ceil(document.all.month.value-1);
      Calendar();
    }
    </SCRIPT>
    <table border="0" cellpadding="0" cellspacing="1" class="calendarBigBorder" id="caltable" width="200">
    <thead>
         <tr align="center" valign="middle">
        <td colspan="7" class="calendarMonthTitle">
       <input name="year" type="text" class="calendarYInput" size="3" maxlength="4" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  onpaste="this.value=this.value.replace(/[^0-9]/g,'')">年
       <input name="month" type="text" class="calendarMInput" size="1" maxlength="2" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  onpaste="this.value=this.value.replace(/[^0-9]/g,'')">月 [<a onClick="addMonth()" href="javascript :;">下月</a>] [<a  onClick="subMonth()" href="javascript :;">上月</a>]</td>
      </tr>
     <tr align="center" valign="middle">
     <SCRIPT LANGUAGE="JavaScript">  
     document.write("<TD class=calendarDaySun id=diary>" + days[0] + "</TD>");
     for (var intLoop = 1; intLoop < days.length-1;
     intLoop++)
     document.write("<TD class=calendarTd id=diary>" + days[intLoop] + "</TD>");
     document.write("<TD class=calendarDaySat id=diary>" + days[intLoop] + "</TD>");
     </SCRIPT>
     </TR>
    </thead>
      <TBODY border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()" onmouseup=document.selection.empty() oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>
        <SCRIPT LANGUAGE="JavaScript">
      for (var intWeeks = 0; intWeeks < 6; intWeeks++) {
      document.write("<TR style='cursor:hand'>");
      for (var intDays = 0; intDays < days.length;intDays++)
      document.write("<TD class=calendarTd onMouseover='{classTemp=this.className;this.className=calendarHover}' onMouseOut='this.className=classTemp'></TD>");
      document.write("</TR>");
      } 
     </SCRIPT>
      </tbody>
     </table>
    <script  LANGUAGE="JavaScript">
    Calendar();
    </script>
    <!-- Blog日历表结束 -->

    <!-- 天气预报 注意这里涉及到编码问题,%B1%B1%BE%A9为城市代码,可用百度查一下,比如输入北京,地址栏中就会出现%B1%B1%BE%字样的内容-->
    <center><iframe width=157 height=240 frameborder=0 scrolling=NO src='http://appnews.qq.com/cgi-bin/news_qq_search?city=%B1%B1%BE%A9'></iframe></center>

    <!-- 显示msn在线状态,注意:必须在msn中设置允许所有人查看你的状态才有效,否则msn图标永远发灰 -->
    <A HREF="http://snind.gotdns.com:8080/message/msn/你的msn用户名">
    <IMG SRC="http://snind.gotdns.com:8080/msn/你的msn用户名"
    align="absmiddle" border="0" ALT="MSN Online Status Indicator"
    onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';">

    <!-- QQ在线状态显示 -->
    </A><br>QQ:你的号码<img src="http://icon.tencent.com/你的号码/l/612/">
    转载:http://dev.csdn.net/article/40/article/40/40003.shtm
    http://blog.edu.cn/more.asp?name=80x86&id=9352

  • 相关阅读:
    bzoj-2748 2748: [HAOI2012]音量调节(dp)
    bzoj-2338 2338: [HNOI2011]数矩形(计算几何)
    bzoj-3444 3444: 最后的晚餐(组合数学)
    codeforces 709E E. Centroids(树形dp)
    codeforces 709D D. Recover the String(构造)
    codeforces 709C C. Letters Cyclic Shift(贪心)
    codeforces 709B B. Checkpoints(水题)
    codeforces 709A A. Juicer(水题)
    Repeat Number
    hdu 1003 Max Sum (动态规划)
  • 原文地址:https://www.cnblogs.com/runfeng/p/149667.html
Copyright © 2011-2022 走看看