美化演示教程简介浏览器自带的alt和title提示太丑了，所以我们需要美化一下，百度有许多，不过对我们这些小白来说很难。第一步放以下js到公用js里面var sweetTitles = { x: 10, y: 20, tipElements: "a,span,img,div ", noTitle: false, init: function() { var b = this.noTitle; $(this.tipElements).each(function() { $(this).mouseover(function(e) { if (b) { isTitle = true } else { isTitle = $.trim(this.title) != '' } if (isTitle) { this.myTitle = this.title; this.title = ""; var a = "<div class='tooltip'><div class='tipsy-arrow tipsy-arrow-n'></div><div class='tipsy-inner'>" + this.myTitle + "</div></div>"; $('body').append(a); $('.tooltip').css({ "top": (e.pageY + 20) + "px", "left": (e.pageX - 20) + "px" }).show('fast') } }).mouseout(function() { if (this.myTitle != null) { this.title = this.myTitle; $('.tooltip').remove() } }).mousemove(function(e) { $('.tooltip').css({ "top": (e.pageY + 20) + "px", "left": (e.pageX - 20) + "px" }) }) }) } }; $(function() { sweetTitles.init() });第二步css也是/*tips*/ .tooltip { font-size:12px; position:absolute; padding:5px; z-index:100000; opacity:.8; font-family:Microsoft Yahei } .tipsy-arrow { position:absolute; width:0; height:0; line-height:0; border:6px dashed #000; top:0; left:20%; margin-left:-5px; border-bottom-style:solid; border-top:0; border-left-color:transparent; border-right-color:transparent } .tipsy-arrow-n { border-bottom-color:#666 } .tipsy-inner { background-color:#666; color:#FFF; max-width:200px; padding:5px 8px 4px 8px; text-align:center; border-radius:3px }

代码:<?php echo date("Ymd",strtotime("now")), "n"; echo date("Ymd",strtotime("-1 week Monday")), "n"; echo date("Ymd",strtotime("-1 week Sunday")), "n"; echo date("Ymd",strtotime("+0 week Monday")), "n"; echo date("Ymd",strtotime("+0 week Sunday")), "n"; echo "第几个月:"; echo date('n'); echo "本周周几:"; echo date("w"); echo "本月天数:"; echo date("t"); echo "*"; echo '上周起始时间:'; echo date("Y-m-d H:i:s",mktime(0, 0 , 0,date("m"),date("d")-date("w")+1-7,date("Y"))),"n"; echo date("Y-m-d H:i:s",mktime(23,59,59,date("m"),date("d")-date("w")+7-7,date("Y"))),"n"; echo '本周起始时间:'; echo date("Y-m-d H:i:s",mktime(0, 0 , 0,date("m"),date("d")-date("w")+1,date("Y"))),"n"; echo date("Y-m-d H:i:s",mktime(23,59,59,date("m"),date("d")-date("w")+7,date("Y"))),"n"; echo '上月起始时间:'; echo date("Y-m-d H:i:s",mktime(0, 0 , 0,date("m")-1,1,date("Y"))),"n"; echo date("Y-m-d H:i:s",mktime(23,59,59,date("m") ,0,date("Y"))),"n"; echo '本月起始时间:'; echo date("Y-m-d H:i:s",mktime(0, 0 , 0,date("m"),1,date("Y"))),"n"; echo date("Y-m-d H:i:s",mktime(23,59,59,date("m"),date("t"),date("Y"))),"n"; $season = ceil((date('n'))/3);//当月是第几季度 echo '本季度起始时间:'; echo date('Y-m-d H:i:s', mktime(0, 0, 0,$season*3-3+1,1,date('Y'))),"n"; echo date('Y-m-d H:i:s', mktime(23,59,59,$season*3,date('t',mktime(0, 0 , 0,$season*3,1,date("Y"))),date('Y'))),"n"; $season = ceil((date('n'))/3)-1;//上季度是第几季度 echo '上季度起始时间:'; echo date('Y-m-d H:i:s', mktime(0, 0, 0,$season*3-3+1,1,date('Y'))),"n"; echo date('Y-m-d H:i:s', mktime(23,59,59,$season*3,date('t',mktime(0, 0 , 0,$season*3,1,date("Y"))),date('Y'))),"n"; ?>

黑蜘蛛博客网 function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; color=color.split("|"); document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; } setInterval("changeColor()",200); <div id="blink"> <strong> <div align="left" style="text-align:center;"> 黑蜘蛛博客网 </div> </strong><strong> <script language="javascript"> function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; color=color.split("|"); document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; } setInterval("changeColor()",200); </script> </strong><strong> <div class="STYLE12" align="center"> <div align="center"> <div align="center"> <!--StartFragment --> </div> </div> </div> </strong> </div>