标签：小代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<bgsound src="1.MP3" loop="-1">
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
//存放每个月天数的数组
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
//实现月历
function calendar() {
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
year = today.getYear() +1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1);
testMe = firstDay.getDate();
if (testMe == 2) firstDay.setDate(0);
startDay = firstDay.getDay();
document.write("<TABLE BORDER=‘0‘ CELLSPACING=‘0‘ CELLPADDING=‘2‘ ALIGN=‘CENTER‘ BGCOLOR=‘#0080FF‘>")
document.write("<TR><TD><table border=‘0‘ cellspacing=‘1‘ cellpadding=‘2‘ bgcolor=‘Silver‘>");
document.write("<TR><th colspan=‘7‘ bgcolor=‘#C8E3FF‘>");
var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var now = new Date();
document.writeln("<FONT STYLE=‘font-size:9pt;Color:#330099‘>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay
()] + "</FONT>");
document.writeln("</TH></TR><TR><TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>日</FONT></TH>");
document.writeln("<th bgcolor=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>一</FONT></TH>");
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>二</FONT></TH>");
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>三</FONT></TH>");
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>四</FONT></TH>");
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>五</FONT></TH>");
document.writeln("<TH BGCOLOR=‘#0080FF‘><FONT STYLE=‘font-size:9pt;Color:White‘>六</FONT></TH>");
document.writeln("</TR><TR>");
column = 0;
for (i=0; i<startDay; i++) {
document.writeln("\n<TD><FONT STYLE=‘font-size:9pt‘> </FONT></TD>");
column++;
}
for (i=1; i<=nDays; i++) {
if (i == thisDay) {
document.writeln("</TD><TD ALIGN=‘CENTER‘ BGCOLOR=‘#FF8040‘><FONT STYLE=‘font-size:9pt;Color:#ffffff‘><B>")
}
else {
document.writeln("</TD><TD BGCOLOR=‘#FFFFFF‘ ALIGN=‘CENTER‘><FONT STYLE=‘font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066‘>");
}
document.writeln(i);
if (i == thisDay) document.writeln("</FONT></TD>")
column++;
if (column == 7) {
document.writeln("<TR>");
column = 0;
}
}
document.writeln("<TR><TD COLSPAN=‘7‘ ALIGN=‘CENTER‘ VALIGN=‘TOP‘ BGCOLOR=‘#0080FF‘>")
document.writeln("<FORM NAME=‘clock‘ onSubmit=‘0‘><FONT STYLE=‘font-size:9pt;Color:#ffffff‘>")
document.writeln("现在时间:<INPUT TYPE=‘Text‘ NAME=‘face‘ ALIGN=‘TOP‘></FONT></TD></TR></TABLE>")
document.writeln("</TD></TR></TABLE></FORM>");
}
var test = document.getElementById("test");
var str = "str";
var c = document.getElementById("c");
var ctx = c.getContext("2d");
/** 这里控制显示的宽度和高度，且涵盖所有浏览器 */
c.width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
c.height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
//c.width = 300;
//c.height = 300;
//ctx.fillStyle = "1cba9c";
//ctx.fillRect(0,0,100,100);
//ctx.fillStyle = "ecb69c";
//ctx.fillText("文字",10,90);
var chinese = "文字";
chinese = chinese.split("");
var fsize = 20;
columns = c.width / fsize;
var drops=[];
for(var x=0;x<columns;x++) {
drops[x] = 0;
}
function draw(){
ctx.fillStyle="rgba(0,0,0,0.09)";
ctx.fillRect(0,0, c.width, c.height);
ctx.fillStyle="#0f0";
ctx.font = fsize + "px arial";// arial is font.
for(var i=0;i<drops.length;i++){
var text = chinese[Math.floor(Math.random()*chinese.length)];
ctx.fillText(text,i*fsize,drops[i]*fsize);
drops[i]++;
if(drops[i]*fsize > c.height && Math.random() > 0.9){
drops[i] = 0;
}
str = drops[i]+",";
}
test.innerText = columns + " , i:" + str;// 测试数据
}
/// draw();
var intervalId = setInterval(draw,50);// 这里修改控制速度
// 测试效果开始/暂停
function operateAnimation(objBtn){
var operate = document.getElementById("operate");
if(objBtn.value == "开始"){
objBtn.value = "暂停";
intervalId = setInterval(draw,30);
}else{
objBtn.value = "开始";
clearInterval(intervalId);
}
return false;
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
//显示当前时间
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = " " + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " 下午 " : " 上午 "
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示
timerRunning = true;}
function startclock () {
stopclock();
showtime();}
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>WAT we are a team！</title>
<style type="text/css">
html,body{margin:0;padding:0;background-color:#0CF}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.div1{position:absolute;left:0;top:100;width:20%; height:1000px; margin-top:5px float:left}
.div2{position:absolute;left:20%;top:100;width:60%; height:1000px; margin-top:5px float:left style="background-color:#0cf"; }
.div3{position:absolute;right:0;top:100;width:20 %; height:1000px; margin-top:5px float:left;background-color:#0cf}
.div2{ border:2px solid #0cf;background-color:#0cf} </style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<BODY BACKGROUND="bg1.jpg"
onLoad="startclock(); timerONE=window.setTimeout" TEXT="#000000" TOPMARGIN="0">
<div id="test"></div>
<br>
<input onclick="operateAnimation(this)" id="operate" type="button" value="暂停" />
<br>
<canvas id="c"></canvas>
<script language="JavaScript">
</script>
<div class="div1" style="background:#0cf";><P align=center>
<MARQUEE scrollAmount=2 direction=up height=500>
<CENTER><FONT face=隶书 color=#008000 size=4><B>
<br>《明月》
<br>词曲：卢小娟（芊芊）
<br>演唱：萌萌哒天团
<br>莫问相思离别后
<br>天涯远隔，容消瘦
<br>独上高楼，思悠悠
<br>千山目远，何处是尽头
<br>醉酒当歌，抚琴独奏
<br>明月斜照，月满西楼
<br>别离亦梦幽
<br>碧发呤苍老
<br>长叹身飘渺，易瘦流水调
<br>青山不会老
<br>雪化未白头
<br>绿水本无忧，因风而波涛
<br>独步天涯思念遥
<br>明月相思，寄情愁
<br>望月登高，念幽幽
<br>夜色苍茫，举目皆是愁
<br>醉酒当歌，抚琴独奏
<br>明月斜照，月满西楼
<br>别离亦梦幽,碧发呤苍老
<br>长叹身飘渺，易瘦流水调
<br>青山不会老,雪化未白头
<br>绿水本无忧，因风而波涛
<br>醉酒当歌，抚琴独奏
<br>明月斜照，月满西楼
<BR>/*-----------*/
</B>
</FONT>
</CENTER>
</MARQUEE>
</P>
<audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop">
<source src="0.mp3" type="audio/mpeg" />
</audio>
</div>
<div class="div2" style="color:#00FF00" >
<table align="center" bgcolor="#e3e" width="100%">
<tr><td height="62" colspan="3"> <h2 align="center">常用网址--收藏一览</h2></td><td width="6"></td></tr>
<tr><td><ol>
<li><a href="http://www.bilibili.com/mobile/video/av1588892.html ">重大历史观</a></li>
<li><a href="http://www.shicimingju.com/chaxun/"> 诗句</a></li>
<li><a href="http://codepad.org/"> coodpad</a></li>
<li><a href="http://www.anycodes.cn/"> Anycode</a></li>
<li><A HREF="http://www.educity.cn/help/zt/Oracle/">oc study</a></li>
<li><a href="http://www.internetke.com/">LEARN KJW</a></li>
<li><A HREF="http://api.map.baidu.com/lbsapi/creatmap/index.html ">定位</A></li>
<li><A HREF="http://harde.org/blog/2008/12/%E5%9C%A8%E7%BA%BF%E8%B0%83%E8%89%B2%E6%9D%BF-%E9%A2%9C%E8%89%B216%E8%BF%9B%E5%88%B6%E5%88%97%E8%A1%A8.html">调色</a></li>
</ol><hr/></td>
<td><ol>
<li><a href="http://asust.blog.163.com/">网易博客</a></li>
<li><a href=" http://blog.sina.com.cn/u/5695311312 ">新浪博客</a></li>
<li><a href=" http://t.cn/R2FCmQB/"> 万州全景地图</a></li>
<li><A HREF=" http://www.51zxw.net/">WZW</A></li>
<li><a href="https://leetcode.com/">LEETCOOD</a>
<li><a href="http://eqxiu.com/s/sqJXICsE/">asust</a></li>
<li><a href="http://eqxiu.com/s/8SMyCbSQ/">圆</a></li>
<li>.</li>
</ol><hr/></td>
<td>
<img src="wz.jpg" href="http:1.html"></img>
<ol>
<li><a href="1.html">_ 作品《星如雨》_</a>
<li><a href="2.html">_ 作品《不可以说》_</a>
</ol>
<hr/></td>
</tr>
<tr>
<tr><td height="37" colspan="3"> <h2 align="center">博客集</h2></td><td width="6"></td></tr>
<tr><td>
<ol>
<li><a href="http://home.51cto.com/index.php?s=/space/10789287/">培光</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10778780/">贤良</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10800196/">作贤</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10798650/">大作</a></li>
<li><a href="http://yaoyaosust.blog.51cto.com/10731357/1726175/">时运</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10781724/">运星</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10962735/">星方</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10778780/">方朝</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10788301/">应正</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10786797/">佐建</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10899121/">廷之</a></li>
</ol>
</td>
<td><ol>
<li><a href="http://home.51cto.com/index.php?s=/space/10800429/">正永</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10788301/">永廷</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10932013/">化启</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10788301/">启传</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10807192/">传家</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/11061234/">家祚</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10732111/">思宗</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10798695/">运星</a></li>
<li><a href="http://home.51cto.com/index.php?s=/space/10792722/">绍述</a></li>
<li><a href="http://blocks.sinaapp.com/">建邦</a></li>
</ol></td>
<td><ol>
<li><a href="http://volition.sinaapp.com/">远大</a></li>
<li><a href="http://wz609.blog.51cto.com/">宗绍</a></li>
<li><a href="http://10778780.blog.51cto.com/">绍述</a></li>
<li><a href="http://ffsust.blog.51cto.com/">述鸿</a></li>
<li><a href="http://10798301.blog.51cto.com/">人成</a></li>
<li><a href="http://10741764.blog.51cto.com ">世德</a></li>
<li><a href="http://asust.blog.163.com/">之化</a></li>
<li><a href="http://lhsust.blog.163.com/">宗绍</a></li>
<li><a href="http://jiazhenzhen.blog.51cto.com/">永德</a></li>
<li><a href="http://10741764.blog.51cto.com/">光世</a></li>
<li><a href="http://zhaoxiaohu.blog.51cto.com/">才佐</a></li>
</ol>
</td></tr>
<tr>
<td><HR/><A HREF="http://222.24.94.92/jwweb/">科技大学教务</a></td>
<td><HR/><a href=" http://www.w3school.com.cn/h.asp ">study</a> </td>
<td><HR/><a href=" http://fanyi.youdao.com/translate "> 有道翻译</a> </td></tr>
<tr> <td height="142"> <A HREF="http://222.24.94.92/jwweb/">
<div style="width:220px;height:180px;border:#ccc solid 1px;" id="dituContent" float="left"></div>
</a></td><td><h3><i>风景依旧在，最美是情怀！</i></h3></td>
<td><B>
<DIV ALIGN="center">
</DIV>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
document.write("<BR><BR><BR><BR>")
calendar();
//-->
</SCRIPT>
</B>
</td>
</tr>
<tr ><td colspan="3">
<a href=" http://asust.blog.163.com "><p align="center">CopyRight</a> <br>
<br> <a href=" http://www.asust.icoc.cc/"> <u>WZ 星尚制作</u></p></a> <HR/></td> </tr>
</table>
</div>
<div class="div3"style="background-color:#0cf";style="color:#0cf">
<marquee width=100 height=500 direction=up ><pre> 梦<br> 星 联 <br>！ ！<br>！ | ！ <br>！ ！ </pre> </marquee>
</div>
</body>
<script type="text/javascript">
//创建和初始化地图函数：
function initMap(){
createMap();
setMapEvent();
addMapControl();
addMarker();
}
//创建地图函数：
function createMap(){
var map = new BMap.Map("dituContent");
var point = new BMap.Point(108.851365,34.334445);
map.centerAndZoom(point,13);
window.map = map;
}
//地图事件设置函数：
function setMapEvent(){
map.enableDragging();
map.enableScrollWheelZoom();
map.enableDoubleClickZoom();
map.enableKeyboard();
}
//地图控件添加函数：
function addMapControl(){
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
}
//标注点数组
var markerArr = [{title:"我的标记",content:"我的备注",point:"108.953358|34.277266",isOpen:1,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}];
//创建marker
function addMarker(){
for(var i=0;i<markerArr.length;i++){
var json = markerArr[i];
var p0 = json.point.split("|")[0];
var p1 = json.point.split("|")[1];
var point = new BMap.Point(p0,p1);
var iconImg = createIcon(json.icon);
var marker = new BMap.Marker(point,{icon:iconImg});
var iw = createInfoWindow(i);
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
marker.setLabel(label);
map.addOverlay(marker);
label.setStyle({
borderColor:"#808080",
color:"#333",
cursor:"pointer"
});
(function(){
var index = i;
var _iw = createInfoWindow(i);
var _marker = marker;
_marker.addEventListener("click",function(){
this.openInfoWindow(_iw);
});
_iw.addEventListener("open",function(){
_marker.getLabel().hide();
})
_iw.addEventListener("close",function(){
_marker.getLabel().show();
})
label.addEventListener("click",function(){
_marker.openInfoWindow(_iw);
})
if(!!json.isOpen){
label.hide();
_marker.openInfoWindow(_iw);
}
})()
}
}
//创建InfoWindow
function createInfoWindow(i)
{
var json = markerArr[i];
var iw = new BMap.InfoWindow("<b class=‘iw_poi_title‘ title=‘" + json.title + "‘>" + json.title + "</b><div class=‘iw_poi_content‘>"+json.content+"</div>");
return iw;
}
//创建一个Icon
function createIcon(json){
var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
return icon;
}
initMap();
</script>
<script language="JavaScript">
var test = document.getElementById("test");
var str = "str";
var c = document.getElementById("c");
var ctx = c.getContext("2d");
/** 这里控制显示的宽度和高度，且涵盖所有浏览器 */
c.width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
c.height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
//c.width = 300;
//c.height = 300;
//ctx.fillStyle = "1cba9c";
//ctx.fillRect(0,0,100,100);
//ctx.fillStyle = "ecb69c";
//ctx.fillText("雨滴",10,90);
var chinese = "比特科技";
chinese = chinese.split("");
var fsize = 20;
columns = c.width / fsize;
var drops=[];
for(var x=0;x<columns;x++) {
drops[x] = 0;
}
function draw()
{
ctx.fillStyle="rgba(0,0,0,0.09)";
ctx.fillRect(0,0, c.width, c.height);
ctx.fillStyle="#0f0";
ctx.font = fsize + "px arial";// arial is font.
for(var i=0;i<drops.length;i++)
{
var text = chinese[Math.floor(Math.random()*chinese.length)];
ctx.fillText(text,i*fsize,drops[i]*fsize);
drops[i]++;
if(drops[i]*fsize > c.height && Math.random() > 0.9)
{
drops[i] = 0;
}
str = drops[i]+",";
}
test.innerText = columns + " , i:" + str;// 测试数据
}
/// draw();
var intervalId = setInterval(draw,200);// 这里修改控制速度
// 测试效果开始/暂停
function operateAnimation(objBtn){
var operate = document.getElementById("operate");
if(objBtn.value == "开始"){
objBtn.value = "暂停";
intervalId = setInterval(draw,30);
}else{
objBtn.value = "开始";
clearInterval(intervalId);
}
return false;
}
</script>
</html>
<div style="display:none">
<script src="http://s9.cnzz.com/stat.php?id=986628&web_id=986628" language="JavaScript"></script>
</div>
<div style="display:none">
<script src="http://s9.cnzz.com/stat.php?id=986628&web_id=986628" language="JavaScript"></script>
</div>标签：小代码
原文地址：http://wzsts.blog.51cto.com/10251779/1785366
