筚路蓝缕

Javascript2007年4月23日2015年9月27日

图片精灵

[code] <style type=text/css>#floater { LEFT: 445p […]

Javascript2007年4月23日2011年10月17日

图片渐变切换

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;
图片特效 &lt;/title&gt;
&lt;/head&gt;
&lt;body topmargin="0" leftmargin="0" oncontextmenu="return false"&gt;
&lt;noscript&gt;
&lt;iframe src="*.html"&gt;
&lt;/iframe&gt;
&lt;/noscript&gt;
&lt;center&gt;
&lt;table style='font-size:9pt' width="100%"&gt;
&lt;tr&gt;
	&lt;td align='center'&gt;
		&lt;script&gt;
		var i = 0;
var pictures = new Array();
pictures[i++] = "http: //www.lilang.com/pic/hopeshow/hopeshow1.jpg";
pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow2.jpg";
pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow3.jpg";
pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow4.jpg";
pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow5.jpg";
pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow6.jpg";
pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow7.jpg";
var picturewidth = 180;
var pictureheight = 144;
var delay = 3;

if (document.all) {
    document.write(' &lt;object ID = "DAControl_Wipe"');
    document.write('STYLE = "width: ' + picturewidth + ';height: ' + pictureheight + '"');
    document.write('CLASSID = "CLSID: B6FFC24C-7E13-11D0-9B47-00C04FC2F51D"&gt; ');
    document.write(' &lt;/object&gt;');
    m = DAControl_Wipe.MeterLibrary;
    whatTransformation = new ActiveXObject("DXImageTransform.Microsoft.Wipe");
    whatTransformation.GradientSize = 1.0;
    whatTransformation.WipeStyle = 0;
    var myArr = new Array(),
        myArr2 = new Array();
    var len = Math.floor(pictures.length / 2)
    for (var i = 0; i &lt; len; i++) {
        myArr[i] = m.ImportImage(pictures[2 * i]);
        myArr2[i] = m.ImportImage(pictures[2 * i + 1]);
    }
    myArr[i] = m.ImportImage(pictures[2 * i]);
    myArr = m.Array(myArr);
    myArr2 = m.Array(myArr2);
    Index = m.Interpolate(0.5, len + 0.5, len * 2 * delay).RepeatForever();
    Index2 = m.Interpolate(0, len, len * 2 * delay).RepeatForever();
    var whatPictures = new Array();
    whatPictures[0] = myArr.NthAnim(Index);
    whatPictures[1] = myArr2.NthAnim(Index2);
    forward = m.Interpolate(0, 1, delay);
    back = m.Interpolate(1, 0, delay);
    whatMovement = m.Sequence(forward, back).RepeatForever();
    theResult = m.ApplyDXTransform(whatTransformation, whatPictures, whatMovement);
    DAControl_Wipe.Image = theResult.OutputBvr;
    DAControl_Wipe.Start();
}
        &lt;/script&gt;
	&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/center&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>

图片特效 </title>

</head>

</iframe>

</noscript>

<tr>

var i = 0;

var pictures = new Array();

pictures[i++] = "http: //www.lilang.com/pic/hopeshow/hopeshow1.jpg";

pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow2.jpg";

pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow3.jpg";

pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow4.jpg";

pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow5.jpg";

pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow6.jpg";

pictures[i++] = "http://www.lilang.com/pic/hopeshow/hopeshow7.jpg";

var picturewidth = 180;

var pictureheight = 144;

var delay = 3;

if (document.all) {

document.write(' <object ID = "DAControl_Wipe"');

document.write('STYLE = "width: ' + picturewidth + ';height: ' + pictureheight + '"');

document.write('CLASSID = "CLSID: B6FFC24C-7E13-11D0-9B47-00C04FC2F51D"> ');

document.write(' </object>');

m = DAControl_Wipe.MeterLibrary;

whatTransformation = new ActiveXObject("DXImageTransform.Microsoft.Wipe");

whatTransformation.GradientSize = 1.0;

whatTransformation.WipeStyle = 0;

var myArr = new Array(),

myArr2 = new Array();

var len = Math.floor(pictures.length / 2)

for (var i = 0; i < len; i++) {

myArr[i] = m.ImportImage(pictures[2 * i]);

myArr2[i] = m.ImportImage(pictures[2 * i + 1]);

}

myArr[i] = m.ImportImage(pictures[2 * i]);

myArr = m.Array(myArr);

myArr2 = m.Array(myArr2);

Index = m.Interpolate(0.5, len + 0.5, len * 2 * delay).RepeatForever();

Index2 = m.Interpolate(0, len, len * 2 * delay).RepeatForever();

var whatPictures = new Array();

whatPictures[0] = myArr.NthAnim(Index);

whatPictures[1] = myArr2.NthAnim(Index2);

forward = m.Interpolate(0, 1, delay);

back = m.Interpolate(1, 0, delay);

whatMovement = m.Sequence(forward, back).RepeatForever();

theResult = m.ApplyDXTransform(whatTransformation, whatPictures, whatMovement);

DAControl_Wipe.Image = theResult.OutputBvr;

DAControl_Wipe.Start();

}

</script>

</td>

</tr>

</table>

</center>

</body>

</html>

Javascript2007年4月23日2011年10月17日

取得上传图片的大小

取得上传文件的大小，客户端检测~~

&lt;script&gt;
var img = null;

function s() {
    if (img) {
		img.removeNode(true);
	}
    img = document.createElement("img");
    img.style.position = "absolute";
    img.style.visibility = "hidden";
    img.attachEvent("onreadystatechange", orsc);
    img.attachEvent("onerror", oe);
    document.body.insertAdjacentElement("beforeend", img);
    img.src = inp.value;
}

function oe() {
    alert("cant load img");
}

function orsc() {
    if (img.readyState != "complete") return false;
    alert("图片大小：" + img.offsetWidth + "X" + img.offsetHeight);
    alert("图片尺寸：" + img.fileSize);
}
&lt;/script&gt;
&lt;input id=inp type="file"&gt;
&lt;button onclick="s()"&gt;
    Test
&lt;/button&gt;

var img = null;

function s() {

if (img) {

img.removeNode(true);

}

img = document.createElement("img");

img.style.position = "absolute";

img.style.visibility = "hidden";

img.attachEvent("onreadystatechange", orsc);

img.attachEvent("onerror", oe);

document.body.insertAdjacentElement("beforeend", img);

img.src = inp.value;

}

function oe() {

alert("cant load img");

}

function orsc() {

if (img.readyState != "complete") return false;

alert("图片大小：" + img.offsetWidth + "X" + img.offsetHeight);

alert("图片尺寸：" + img.fileSize);

}

</script>

Test

</button>

&nbs […]

Javascript2007年4月23日2011年10月17日

横向不间断连续滚动图片效果

&lt;head&gt;
&lt;script type="text/javascript"&gt;
imgArr = new Array();
imgArr[0] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover = 'javascript:outHover = true'; onMouseout = 'javascript: outHover = false;mvStart()'&gt;&lt;img src = /eWebEditor/UploadFile / 2005327204719938.gif border = 0&gt; &lt;/a&gt;";
imgArr[1] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204725420.gif border = 0&gt; &lt;/a&gt;";
imgArr[2] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204725360.gif border = 0&gt; &lt;/a&gt;";
imgArr[3] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204725406.gif border = 0&gt; &lt;/a&gt;";
imgArr[4] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204725266.gif border = 0&gt; &lt;/a&gt;";
imgArr[5] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204725696.gif border = 0&gt; &lt;/a&gt;";
imgArr[6] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204725993.gif border = 0&gt; &lt;/a&gt;";
imgArr[7] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204726451.gif border = 0&gt; &lt;/a&gt;";
imgArr[8] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204726631.gif border = 0&gt; &lt;/a&gt;";
imgArr[9] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204726764.gif border = 0&gt; &lt;/a&gt;";
imgArr[10] = "&lt;a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'&gt;&lt;img src=/eWebEditor / UploadFile / 2005327204726655.gif border = 0&gt; &lt;/a&gt;";
var moveStep = 4; //步长，单位：pixel
var moveRelax = 100; //移动时间间隔，单位：ms 
ns4 = (document.layers) ? true : false;
var displayImgAmount = 5; //视区窗口可显示个数 
var divWidth = 88; //每块图片占位宽 
var divHeight = 31; //每块图片占位高 
var startDnum = 0;
var nextDnum = startDnum + displayImgAmount;
var timeID;
var outHover = false;
var startDivClipLeft;
var nextDivClipRight;

function initDivPlace() {
    if (ns4) {
        for (i = 0; i &lt; displayImgAmount; i++) {
            eval("document.divOuter.document.divAds" + i + ".left = " + divWidth * i);
        }
        for (i = displayImgAmount; i &lt; imgArr.length; i++) {
            eval("document.divOuter.document.divAds" + i + ".left = " + divWidth * displayImgAmount);
        }
    } else {
        for (i = 0; i &lt; displayImgAmount; i++) {
            eval("document.all.divAds" + i + ".style.left = " + divWidth * i);
        }
        for (i = displayImgAmount; i &lt; imgArr.length; i++) {
            eval("document.all.divAds" + i + ".style.left = " + divWidth * displayImgAmount);
        }
    }
}

function mvStart() {
    timeID = setTimeout(moveLeftDiv, moveRelax);
}

function mvStop() {
    clearTimeout(timeID);
}

function moveLeftDiv() {
    if (ns4) {
        for (i = 0; i &lt;= displayImgAmount; i++) {
            eval("document.divOuter.document.divAds" + parseInt((startDnum + i) % imgArr.length) + ".left = document.divOuter.document.divAds" + parseInt((startDnum + i) % imgArr.length) + ".left - moveStep");
        }
        startDivClipLeft = parseInt(eval("document.divOuter.document.divAds" + startDnum + ".clip.left"));
        nextDivClipRight = parseInt(eval("document.divOuter.document.divAds" + nextDnum + ".clip.right"));
        if (startDivClipLeft + moveStep &gt; divWidth) {
            eval("document.divOuter.document.divAds" + nextDnum + ".clip.right = " + divWidth);
            eval("document.divOuter.document.divAds" + startDnum + ".left = " + divWidth * displayImgAmount);
            eval("document.divOuter.document.divAds" + parseInt((nextDnum + 1) % imgArr.length) + ".left = document.divOuter.document.divAds" + nextDnum + ".left + " + divWidth);
            eval("document.divOuter.document.divAds" + parseInt((nextDnum + 1) % imgArr.length) + ".clip.left = 0");
            startDnum = (++startDnum) % imgArr.length;
            nextDnum = (startDnum + displayImgAmount) % imgArr.length;
            startDivClipLeft = moveStep - (divWidth - startDivClipLeft);
            nextDivClipRight = moveStep - (divWidth - nextDivClipRight);
        } else {
            eval("document.divOuter.document.divAds" + nextDnum + ".clip.left = 0");
            startDivClipLeft += moveStep;
            nextDivClipRight += moveStep;
        }
        eval("document.divOuter.document.divAds" + startDnum + ".clip.left = " + startDivClipLeft);
        eval("document.divOuter.document.divAds" + nextDnum + ".clip.right = " + nextDivClipRight);
    } else {
        for (i = 0; i &lt;= displayImgAmount; i++) {
            eval("document.all.divAds" + parseInt((startDnum + i) % imgArr.length) + ".style.left = document.all.divAds" + parseInt((startDnum + i) % imgArr.length) + ".style.pixelLeft - moveStep");
        }
        startDivClipLeft = parseInt(eval("document.all.divAds" + startDnum + ".currentStyle.clipLeft"));
        nextDivClipRight = parseInt(eval("document.all.divAds" + nextDnum + ".currentStyle.clipRight"));
        if (startDivClipLeft + moveStep &gt; divWidth) {
            eval("document.all.divAds" + nextDnum + ".style.clip = 'rect(0, " + divWidth + ", " + divHeight + ", 0" + ")'");
            eval("document.all.divAds" + startDnum + ".style.left = " + divWidth * displayImgAmount);
            eval("document.all.divAds" + parseInt((nextDnum + 1) % imgArr.length) + ".style.left = document.all.divAds" + nextDnum + ".style.pixelLeft + " + divWidth);
            startDnum = (++startDnum) % imgArr.length;
            nextDnum = (startDnum + displayImgAmount) % imgArr.length;
            startDivClipLeft = moveStep - (divWidth - startDivClipLeft);
            nextDivClipRight = moveStep - (divWidth - nextDivClipRight);
        } else {
            startDivClipLeft += moveStep;
            nextDivClipRight += moveStep;
        }
        eval("document.all.divAds" + startDnum + ".style.clip = 'rect(0, " + divWidth + ", " + divHeight + ", " + startDivClipLeft + ")'");
        eval("document.all.divAds" + nextDnum + ".style.clip = 'rect(0, " + nextDivClipRight + ", " + divHeight + ", 0)'");
    }
    if (outHover) {
        mvStop();
    } else {
        mvStart();
    }
}

function writeDivs() {
    if (ns4) {
        document.write(" &lt;ilayer name = divOuter width = 750 height = " + divHeight + "&gt; ");
        for (i = 0; i &lt; imgArr.length; i++) {
            document.write(" &lt;layer name = divAds" + i + "&gt; ");
            document.write(imgArr[i] + "");
			document.write(" &lt;/layer&gt;");
        }
        document.write("&lt;/ilayer&gt; ");
        document.close();
        for (i = displayImgAmount; i &lt; imgArr.length; i++) {
            eval("document.divOuter.document.divAds" + i + ".clip.right = 0");
        }
    } else {
        document.write(" &lt;div id = divOuter style = 'position: relative'width = 750 height = " + divHeight + "&gt; ");
        for (i = 0; i &lt; imgArr.length; i++) {
            document.write(" &lt;div id = divAds" + i + " style = 'position: absolute;clip: rect(0, " + divWidth + ", " + divHeight + ", 0)'&gt; ");
            document.write(imgArr[i] + "");
            document.write(" &lt;/div&gt;")
        }
        document.write("&lt;/div&gt; ");
        for (i = displayImgAmount; i &lt; imgArr.length; i++) {
            eval("document.all.divAds" + i + ".style.clip = 'rect(0, 0, " + divHeight + ", 0)'");
        }
    }
}
    &lt;/script&gt;
&lt;/head&gt;
&lt;body onload=javascript:mvStart()&gt;
&lt;script type="text/javascript"&gt;
writeDivs(); initDivPlace();
&lt;/script&gt;
&lt;/body&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

<head>

imgArr = new Array();

imgArr[0] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover = 'javascript:outHover = true'; onMouseout = 'javascript: outHover = false;mvStart()'><img src = /eWebEditor/UploadFile / 2005327204719938.gif border = 0> </a>";

imgArr[1] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204725420.gif border = 0> </a>";

imgArr[2] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204725360.gif border = 0> </a>";

imgArr[3] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204725406.gif border = 0> </a>";

imgArr[4] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204725266.gif border = 0> </a>";

imgArr[5] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204725696.gif border = 0> </a>";

imgArr[6] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204725993.gif border = 0> </a>";

imgArr[7] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204726451.gif border = 0> </a>";

imgArr[8] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204726631.gif border = 0> </a>";

imgArr[9] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204726764.gif border = 0> </a>";

imgArr[10] = "<a href=Javascript:; onmouseMove='javascript:outHover=true'; onMouseover='javascript:outHover=true'; onMouseout='javascript:outHover=false;mvStart()'><img src=/eWebEditor / UploadFile / 2005327204726655.gif border = 0> </a>";

var moveStep = 4; //步长，单位：pixel

var moveRelax = 100; //移动时间间隔，单位：ms

ns4 = (document.layers) ? true : false;

var displayImgAmount = 5; //视区窗口可显示个数

var divWidth = 88; //每块图片占位宽

var divHeight = 31; //每块图片占位高

var startDnum = 0;

var nextDnum = startDnum + displayImgAmount;

var timeID;

var outHover = false;

var startDivClipLeft;

var nextDivClipRight;

function initDivPlace() {

if (ns4) {

for (i = 0; i < displayImgAmount; i++) {

eval("document.divOuter.document.divAds" + i + ".left = " + divWidth * i);

}

for (i = displayImgAmount; i < imgArr.length; i++) {

eval("document.divOuter.document.divAds" + i + ".left = " + divWidth * displayImgAmount);

}

} else {

for (i = 0; i < displayImgAmount; i++) {

eval("document.all.divAds" + i + ".style.left = " + divWidth * i);

}

for (i = displayImgAmount; i < imgArr.length; i++) {

eval("document.all.divAds" + i + ".style.left = " + divWidth * displayImgAmount);

}

function mvStart() {

timeID = setTimeout(moveLeftDiv, moveRelax);

}

function mvStop() {

clearTimeout(timeID);

}

function moveLeftDiv() {

if (ns4) {

for (i = 0; i <= displayImgAmount; i++) {

eval("document.divOuter.document.divAds" + parseInt((startDnum + i) % imgArr.length) + ".left = document.divOuter.document.divAds" + parseInt((startDnum + i) % imgArr.length) + ".left - moveStep");

}

startDivClipLeft = parseInt(eval("document.divOuter.document.divAds" + startDnum + ".clip.left"));

nextDivClipRight = parseInt(eval("document.divOuter.document.divAds" + nextDnum + ".clip.right"));

if (startDivClipLeft + moveStep > divWidth) {

eval("document.divOuter.document.divAds" + nextDnum + ".clip.right = " + divWidth);

eval("document.divOuter.document.divAds" + startDnum + ".left = " + divWidth * displayImgAmount);

eval("document.divOuter.document.divAds" + parseInt((nextDnum + 1) % imgArr.length) + ".left = document.divOuter.document.divAds" + nextDnum + ".left + " + divWidth);

eval("document.divOuter.document.divAds" + parseInt((nextDnum + 1) % imgArr.length) + ".clip.left = 0");

startDnum = (++startDnum) % imgArr.length;

nextDnum = (startDnum + displayImgAmount) % imgArr.length;

startDivClipLeft = moveStep - (divWidth - startDivClipLeft);

nextDivClipRight = moveStep - (divWidth - nextDivClipRight);

} else {

eval("document.divOuter.document.divAds" + nextDnum + ".clip.left = 0");

startDivClipLeft += moveStep;

nextDivClipRight += moveStep;

}

eval("document.divOuter.document.divAds" + startDnum + ".clip.left = " + startDivClipLeft);

eval("document.divOuter.document.divAds" + nextDnum + ".clip.right = " + nextDivClipRight);

} else {

for (i = 0; i <= displayImgAmount; i++) {

eval("document.all.divAds" + parseInt((startDnum + i) % imgArr.length) + ".style.left = document.all.divAds" + parseInt((startDnum + i) % imgArr.length) + ".style.pixelLeft - moveStep");

}

startDivClipLeft = parseInt(eval("document.all.divAds" + startDnum + ".currentStyle.clipLeft"));

nextDivClipRight = parseInt(eval("document.all.divAds" + nextDnum + ".currentStyle.clipRight"));

if (startDivClipLeft + moveStep > divWidth) {

eval("document.all.divAds" + nextDnum + ".style.clip = 'rect(0, " + divWidth + ", " + divHeight + ", 0" + ")'");

eval("document.all.divAds" + startDnum + ".style.left = " + divWidth * displayImgAmount);

eval("document.all.divAds" + parseInt((nextDnum + 1) % imgArr.length) + ".style.left = document.all.divAds" + nextDnum + ".style.pixelLeft + " + divWidth);

startDnum = (++startDnum) % imgArr.length;

nextDnum = (startDnum + displayImgAmount) % imgArr.length;

startDivClipLeft = moveStep - (divWidth - startDivClipLeft);

nextDivClipRight = moveStep - (divWidth - nextDivClipRight);

} else {

startDivClipLeft += moveStep;

nextDivClipRight += moveStep;

}

eval("document.all.divAds" + startDnum + ".style.clip = 'rect(0, " + divWidth + ", " + divHeight + ", " + startDivClipLeft + ")'");

eval("document.all.divAds" + nextDnum + ".style.clip = 'rect(0, " + nextDivClipRight + ", " + divHeight + ", 0)'");

}

if (outHover) {

mvStop();

} else {

mvStart();

}

function writeDivs() {

if (ns4) {

document.write(" <ilayer name = divOuter width = 750 height = " + divHeight + "> ");

for (i = 0; i < imgArr.length; i++) {

document.write(" <layer name = divAds" + i + "> ");

document.write(imgArr[i] + "");

document.write(" </layer>");

}

document.write("</ilayer> ");

document.close();

for (i = displayImgAmount; i < imgArr.length; i++) {

eval("document.divOuter.document.divAds" + i + ".clip.right = 0");

}

} else {

document.write(" <div id = divOuter style = 'position: relative'width = 750 height = " + divHeight + "> ");

for (i = 0; i < imgArr.length; i++) {

document.write(" <div id = divAds" + i + " style = 'position: absolute;clip: rect(0, " + divWidth + ", " + divHeight + ", 0)'> ");

document.write(imgArr[i] + "");

document.write(" </div>")

}

document.write("</div> ");

for (i = displayImgAmount; i < imgArr.length; i++) {

eval("document.all.divAds" + i + ".style.clip = 'rect(0, 0, " + divHeight + ", 0)'");

}

</script>

</head>

writeDivs(); initDivPlace();

</script>

</body>

Javascript2007年4月23日

不间断连续图片滚动效果的制作方法

以前我们站点也介绍过连续滚动的图片，但缺陷是有间断。如何制作连续不间断的播放滚动呢？请参看制作方法：　　先制 […]

Javascript2007年4月23日2011年10月17日

背景时钟

&lt;html&gt;
    
    &lt;head&gt;
        &lt;title&gt;
            Background Clock
        &lt;/title&gt;
        &lt;script language=javaScript&gt;
    function clockon() {
    thistime = new Date();
    var hours = thistime.getHours();
    var minutes = thistime.getMinutes();
    var seconds = thistime.getSeconds();
    if (eval(hours) &lt; 10) {
        hours = "0" + hours;
    }
    if (eval(minutes) &lt; 10) {
        minutes = "0" + minutes;
    }
    if (seconds &lt; 10) {
        seconds = "0" + seconds;
    }
    thistime = hours + ": " + minutes + ": " + seconds;
    if (document.all) {
        bgclocknoshade.innerHTML = thistime;
        bgclockshade.innerHTML = thistime;
    }
    if (document.layers) {
        document.bgclockshade.document.write(' &lt;div id = "bgclockshade" style = "position: absolute;visibility: visible;font-family: Verdana;color: FFAAAAA;font - size: 120px;top: 10px;left: 152px"&gt; ' + thistime + ' &lt;/div&gt;');
        document.bgclocknoshade.document.write('&lt;div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px"&gt;' + thistime + '&lt;/div &gt; ');
        document.close();
    }
    var timer = setTimeout("clockon()", 200);
}
        &lt;/script&gt;
        &lt;link rel="stylesheet" href="../style.css"&gt;
    &lt;/head&gt;
    
    &lt;body onLoad="clockon()"&gt;
	说明：时钟显示的位置需要你修正TOP,LEFT参数来确定。TOP表示层距离显示器顶部的象素值，LEFT表示距离左侧的象素值。
        &lt;div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px;"&gt;
        &lt;/div&gt;
        &lt;div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px;"&gt;
        &lt;/div&gt;
        &lt;div id="mainbody" style="position:absolute; visibility:visible;"&gt;
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>

Background Clock

</title>

function clockon() {

thistime = new Date();

var hours = thistime.getHours();

var minutes = thistime.getMinutes();

var seconds = thistime.getSeconds();

if (eval(hours) < 10) {

hours = "0" + hours;

}

if (eval(minutes) < 10) {

minutes = "0" + minutes;

}

if (seconds < 10) {

seconds = "0" + seconds;

}

thistime = hours + ": " + minutes + ": " + seconds;

if (document.all) {

bgclocknoshade.innerHTML = thistime;

bgclockshade.innerHTML = thistime;

}

if (document.layers) {

document.bgclockshade.document.write(' <div id = "bgclockshade" style = "position: absolute;visibility: visible;font-family: Verdana;color: FFAAAAA;font - size: 120px;top: 10px;left: 152px"> ' + thistime + ' </div>');

document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">' + thistime + '</div > ');

document.close();

}

var timer = setTimeout("clockon()", 200);

}

</script>

</head>

说明：时钟显示的位置需要你修正TOP,LEFT参数来确定。TOP表示层距离显示器顶部的象素值，LEFT表示距离左侧的象素值。

</div>

</div>

</div>

</body>

</html>

Javascript2007年4月23日2011年10月17日

表格时钟

&lt;body onLoad="startit()"&gt;
&lt;script LANGUAGE="JavaScript"&gt;

var isn1=null;
var isn2=false;
today=new Date();
function stopit()
{
if(isn2)
{
clearTimeout(isn1);
}
isn2=false;
}
function startit()
{
stopit();
isnclock();
}
function isnclock()
{
var now=new Date();
var hrs=now.getHours();
var min=now.getMinutes();
var sec=now.getSeconds();
document.clckh.disp1.value=""+((hrs&gt;12)?hrs-12:hrs);
document.clckh.disp2.value=((min&lt;10)?"0":"")+min;
document.clckh.disp3.value=((sec&lt;10)?"0":"")+sec;
document.clckh.disp4.value=(hrs&gt;=12)?"下午":"上午";
isn1=setTimeout("isnclock()",1000);
isn2=true;
}
function isnArray()
{
argnr=isnArray.arguments.length
for(var i=0;
i&lt;argnr;
i++)
{
this[i+1]=isnArray.arguments[i];
}
}
var isnMonths=new isnArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var isnDays=new isnArray("星期一","星期二","星期三","星期四","星期五","星期六","星期日");isnDays[0]="星期日";

&lt;/script&gt;

&lt;form NAME="clckh" onSubmit="0"&gt;
&lt;table BORDER="2"&gt;
&lt;tr&gt;
&lt;td&gt;时间&lt;/td&gt;
&lt;td&gt;&lt;div align="center"&gt;&lt;center&gt;&lt;p&gt;点&lt;/td&gt;
&lt;td align="center"&gt;&lt;div align="center"&gt;&lt;center&gt;&lt;p&gt;分&lt;/td&gt;
&lt;td align="center"&gt;&lt;div align="center"&gt;&lt;center&gt;&lt;p&gt;秒&lt;/td&gt;
&lt;td align="center"&gt;　&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align="center"&gt;
&lt;td&gt;　&lt;/td&gt;
&lt;td VALIGN="TOP"&gt;&lt;input TYPE="text" NAME="disp1" SIZE="2"&gt;&lt;/td&gt;
&lt;td VALIGN="TOP"&gt;&lt;input TYPE="text" NAME="disp2" SIZE="2"&gt;&lt;/td&gt;
&lt;td VALIGN="TOP"&gt;&lt;input TYPE="text" NAME="disp3" SIZE="2"&gt;&lt;/td&gt;
&lt;td VALIGN="TOP"&gt;&lt;input TYPE="text" NAME="disp4" SIZE="3"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;script LANGUAGE="JavaScript"&gt;

var thisyear=today.getYear();
if (thisyear&lt; 2000)
thisyear=1900+thisyear;
document.write("&lt;tr&gt;&lt;td&gt;日期&lt;/td&gt;&lt;td COLSPAN=4&gt;"
+isnDays[today.getDay()]+","+isnMonths[today.getMonth()+1]
+","+today.getDate()+"月," +thisyear+"年");

&lt;/script&gt;

&lt;/table&gt;
&lt;/form&gt;

var isn1=null;

var isn2=false;

today=new Date();

function stopit()

{

if(isn2)

{

clearTimeout(isn1);

}

isn2=false;

}

function startit()

{

stopit();

isnclock();

}

function isnclock()

{

var now=new Date();

var hrs=now.getHours();

var min=now.getMinutes();

var sec=now.getSeconds();

document.clckh.disp1.value=""+((hrs>12)?hrs-12:hrs);

document.clckh.disp2.value=((min<10)?"0":"")+min;

document.clckh.disp3.value=((sec<10)?"0":"")+sec;

document.clckh.disp4.value=(hrs>=12)?"下午":"上午";

isn1=setTimeout("isnclock()",1000);

isn2=true;

}

function isnArray()

{

argnr=isnArray.arguments.length

for(var i=0;

i<argnr;

i++)

{

this[i+1]=isnArray.arguments[i];

}

var isnMonths=new isnArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

var isnDays=new isnArray("星期一","星期二","星期三","星期四","星期五","星期六","星期日");isnDays[0]="星期日";

</script>

<tr>

</tr>

</tr>

var thisyear=today.getYear();

if (thisyear< 2000)

thisyear=1900+thisyear;

document.write("<tr><td>日期</td><td COLSPAN=4>"

+isnDays[today.getDay()]+","+isnMonths[today.getMonth()+1]

+","+today.getDate()+"月," +thisyear+"年");

</script>

</table>

</form>

Javascript2007年4月23日2011年10月17日

方形日历

&lt;script&gt;
 function Year_Month() {
     var now = new Date();
     var yy = now.getYear();
     var mm = now.getMonth() + 1;
     var cl = ' &lt;font color = "#006699"&gt;';
     if (now.getDay() == 0) cl = ' &lt;font color = "#c00000"&gt; ';
     if (now.getDay() == 6) cl = ' &lt;font color = "#00c000"&gt;';
     return (cl + yy + '年' + mm + '月&lt;/font&gt;');
 }

 function Date_of_Today() {
     var now = new Date();
     var cl = ' &lt;font color = "#ff9900"&gt; ';
     if (now.getDay() == 0) cl = ' &lt;font color = "#c00000"&gt; ';
     if (now.getDay() == 6) cl = ' &lt;font color = "#00c000"&gt;';
     return (cl + now.getDate() + '&lt;/font&gt;');
 }

 function Day_of_Today() {
     var day = new Array();
     day[0] = " &lt;font color = #FF0000&gt; 星期日 &lt;/font&gt;";
     day[1] = "星期一";
     day[2] = "星期二";
     day[3] = "星期三";
     day[4] = "星期四";
     day[5] = "星期五";
     day[6] = "&lt;font color=#FF0000&gt;星期六&lt;/font&gt; ";
     var now = new Date();
     var cl = ' &lt;font color = "#006699"&gt;';
     if (now.getDay() == 0) cl = ' &lt;font color = "#c00000"&gt; ';
     if (now.getDay() == 6) cl = ' &lt;font color = "#00c000"&gt;';
     return (cl + day[now.getDay()] + '&lt;/font&gt;');
 }

 function CurentTime() {
     var now = new Date();
     var hh = now.getHours();
     var mm = now.getMinutes();
     var ss = now.getTime() % 60000;
     ss = (ss-(ss % 1000)) / 1000;
     var clock = hh + ': ';
     if (mm &lt; 10) clock += '0';
     clock += mm + ':';
     if (ss &lt; 10) clock += '0';
     clock += ss;
     return (clock);
 }

 function refreshCalendarClock() {
     document.getElementById("calendarClock1").innerHTML = Year_Month();
     document.getElementById("calendarClock2").innerHTML = Date_of_Today();
     document.getElementById("calendarClock3").innerHTML = Day_of_Today();
     document.getElementById("calendarClock4").innerHTML = CurentTime();
 }

 function getCalendarClockFreeCodeMsg(nn) {
     if (nn == 'off') 
	 {
		document.getElementById("CalendarClockFreeCode").style.visibility = 'hidden';
	 }
     else {
         document.getElementById("CalendarClockFreeCode").style.visibility = 'visible';
         setTimeout("getCalendarClockFreeCodeMsg('off')", 10000);
     }
 }
 var webUrl = webUrl;
 document.write(' &lt;table border = "0" cellpadding = "0" cellspacing = "0"&gt; &lt;tr&gt; &lt;td&gt; ');
 document.write(' &lt;table id ="CalendarClockFreeCode" border = "0" cellpadding = "0" cellspacing = "0" width = "60" height = "60"');
 document.write(' style = "position: absolute; visibility: hidden" bgcolor = "#eeeeee"&gt; ');
 document.write(' &lt;tr&gt;&lt;td align = "center"&gt; &lt;font ');
 document.write(' style="cursor:hand; color:#ff0000; font-family: 宋体; font-size: 9pt; line-height: 110% "');
 document.write('onclick = getCalendarClockFreeCodeMsg("off"); calendarClockFreeCode();&gt;获取免费代码&lt;/font&gt;');
 if (webUrl != 'netflower') {
     document.write('&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt;&lt;td align="center"&gt;&lt;font ');
     document.write('style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" ');
     document.write('onclick=getCalendarClockFreeCodeMsg("off");window.open("http:/ / www.add114.com", "_blank", "top = 0, left = 0, width = 800, height = 500, toolbar = yes, resizable = yes, scrollbars = yes")&gt; 欢迎访问站长网 &lt;/font&gt;');
 }
 document.write('&lt;/td&gt; &lt;/tr&gt;&lt;/table&gt; ');
 document.write(' &lt;table border = "0" cellpadding = "0" cellspacing = "0" width = "75" bgcolor = "#F0E2E5" height = "72"&gt; ');
 document.write(' &lt;tr&gt; &lt;td valign = "top" width = "100%" height = "100%"&gt; ');
 document.write(' &lt;table border = "1" cellpadding = "0" cellspacing = "0" width = "72" bgcolor = "#f4f4f4" height = "70"&gt; ');
 document.write(' &lt;tr&gt; &lt;td align = "center" width = "100 % " height = "100%" onmouseover=getCalendarClockFreeCodeMsg("off")&gt; ');
 document.write(' &lt;font id = "calendarClock1" style = "font-family: 宋体; font-size: 7pt; line-height: 120% "&gt;&lt;/font&gt;');
 document.write(' &lt;font id = "calendarClock2" style = "font-family:Arial; font-size:14pt; color:red; line-height:120%"&gt; &lt;/font&gt; ');
 document.write(' &lt;font id = "calendarClock3" style = "font-family: 宋体; font - size: 9pt; line-height: 120% "&gt;&lt;/font&gt;');
 document.write(' &lt;font id = "calendarClock4" style = "color:#100080; font-family:宋体; font-size:8pt; line-height:120%"&gt;&lt;b&gt; &lt;/b&gt; &lt;/font&gt;');
 document.write('&lt;/td&gt; &lt;/tr&gt;&lt;/table&gt; ');
 document.write(' &lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;');
 document.write('&lt;/td&gt; &lt;/tr&gt;&lt;/table&gt; ');
 setInterval('refreshCalendarClock()', 1000);
&lt;/script&gt;

function Year_Month() {

var now = new Date();

var yy = now.getYear();

var mm = now.getMonth() + 1;

var cl = ' <font color = "#006699">';

if (now.getDay() == 0) cl = ' <font color = "#c00000"> ';

if (now.getDay() == 6) cl = ' <font color = "#00c000">';

return (cl + yy + '年' + mm + '月</font>');

}

function Date_of_Today() {

var now = new Date();

var cl = ' <font color = "#ff9900"> ';

if (now.getDay() == 0) cl = ' <font color = "#c00000"> ';

if (now.getDay() == 6) cl = ' <font color = "#00c000">';

return (cl + now.getDate() + '</font>');

}

function Day_of_Today() {

var day = new Array();

day[0] = " <font color = #FF0000> 星期日 </font>";

day[1] = "星期一";

day[2] = "星期二";

day[3] = "星期三";

day[4] = "星期四";

day[5] = "星期五";

day[6] = "<font color=#FF0000>星期六</font> ";

var now = new Date();

var cl = ' <font color = "#006699">';

if (now.getDay() == 0) cl = ' <font color = "#c00000"> ';

if (now.getDay() == 6) cl = ' <font color = "#00c000">';

return (cl + day[now.getDay()] + '</font>');

}

function CurentTime() {

var now = new Date();

var hh = now.getHours();

var mm = now.getMinutes();

var ss = now.getTime() % 60000;

ss = (ss-(ss % 1000)) / 1000;

var clock = hh + ': ';

if (mm < 10) clock += '0';

clock += mm + ':';

if (ss < 10) clock += '0';

clock += ss;

return (clock);

}

function refreshCalendarClock() {

document.getElementById("calendarClock1").innerHTML = Year_Month();

document.getElementById("calendarClock2").innerHTML = Date_of_Today();

document.getElementById("calendarClock3").innerHTML = Day_of_Today();

document.getElementById("calendarClock4").innerHTML = CurentTime();

}

function getCalendarClockFreeCodeMsg(nn) {

if (nn == 'off')

{

document.getElementById("CalendarClockFreeCode").style.visibility = 'hidden';

}

else {

document.getElementById("CalendarClockFreeCode").style.visibility = 'visible';

setTimeout("getCalendarClockFreeCodeMsg('off')", 10000);

}

var webUrl = webUrl;

document.write(' <table border = "0" cellpadding = "0" cellspacing = "0"> <tr> <td> ');

document.write(' <table id ="CalendarClockFreeCode" border = "0" cellpadding = "0" cellspacing = "0" width = "60" height = "60"');

document.write(' style = "position: absolute; visibility: hidden" bgcolor = "#eeeeee"> ');

document.write(' <tr><td align = "center"> <font ');

document.write(' style="cursor:hand; color:#ff0000; font-family: 宋体; font-size: 9pt; line-height: 110% "');

document.write('onclick = getCalendarClockFreeCodeMsg("off"); calendarClockFreeCode();>获取免费代码</font>');

if (webUrl != 'netflower') {

document.write('</td> </tr><tr><td align="center"><font ');

document.write('style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" ');

document.write('onclick=getCalendarClockFreeCodeMsg("off");window.open("http:/ / www.add114.com", "_blank", "top = 0, left = 0, width = 800, height = 500, toolbar = yes, resizable = yes, scrollbars = yes")> 欢迎访问站长网 </font>');

}

document.write('</td> </tr></table> ');

document.write(' <table border = "0" cellpadding = "0" cellspacing = "0" width = "75" bgcolor = "#F0E2E5" height = "72"> ');

document.write(' <tr> <td valign = "top" width = "100%" height = "100%"> ');

document.write(' <table border = "1" cellpadding = "0" cellspacing = "0" width = "72" bgcolor = "#f4f4f4" height = "70"> ');

document.write(' <tr> <td align = "center" width = "100 % " height = "100%" onmouseover=getCalendarClockFreeCodeMsg("off")> ');

document.write(' <font id = "calendarClock1" style = "font-family: 宋体; font-size: 7pt; line-height: 120% "></font>');

document.write(' <font id = "calendarClock2" style = "font-family:Arial; font-size:14pt; color:red; line-height:120%"> </font> ');

document.write(' <font id = "calendarClock3" style = "font-family: 宋体; font - size: 9pt; line-height: 120% "></font>');

document.write(' <font id = "calendarClock4" style = "color:#100080; font-family:宋体; font-size:8pt; line-height:120%"><b> </b> </font>');

document.write('</td> </tr></table> ');

document.write(' </td></tr> </table>');

document.write('</td> </tr></table> ');

setInterval('refreshCalendarClock()', 1000);

</script>

Javascript2007年4月23日

计算器及日历

Javascript2007年4月23日2011年10月17日

开关时间

&lt;script language="JavaScript"&gt;
var enabled = 0;

function TOfunc() {
    TO = window.setTimeout("TOfunc()", 1000);
    var today = new Date();
    document.clock.disp.value = today.toLocaleString();
}
&lt;/script&gt;
&lt;form name='clock'&gt;
	&lt;input type='text' name='disp' value='' size='30' onfocus='this.blur()'&gt;
	&lt;input type='radio' name='rad' value='OFF' checked onclick="if(enabled==1) {document.clock.disp.value='';clearTimeout('TOfunc()' );enabled=0;}"&gt; 关 
	&lt;input type='radio' name='rad' value='on' onClick="if(enabled == 0) {var to =''; setTimeout( 'TOfunc()', 1000 ); enabled =1;}"&gt; 开
&lt;/form&gt;

var enabled = 0;

function TOfunc() {

TO = window.setTimeout("TOfunc()", 1000);

var today = new Date();

document.clock.disp.value = today.toLocaleString();

}

</script>

<input type='radio' name='rad' value='OFF' checked onclick="if(enabled==1) {document.clock.disp.value='';clearTimeout('TOfunc()' );enabled=0;}"> 关

<input type='radio' name='rad' value='on' onClick="if(enabled == 0) {var to =''; setTimeout( 'TOfunc()', 1000 ); enabled =1;}"> 开

</form>

Javascript2007年4月23日2011年10月17日

日历

&lt;script&gt;
 function getTime() {
     // initialize time-related variables with current time settings 
     var now = new Date();
     var hour = now.getHours();
     var minute = now.getMinutes();
     now = null;
     var ampm = "";
     // validate hour values and set value of ampm 
     if (hour&gt;= 12) {
         hour -= 12;
		 ampm = "PM";
     } else {
         ampm = "AM";
     }
     hour = (hour == 0) ? 12 : hour;
     // add zero digit to a one digit minute 
     if (minute &lt;10) minute = "0" + minute;
     // do not parse this number! 
     // return time string 
     return hour + ": " + minute + "" + ampm;
 }

 function leapYear(year) {
     if (year % 4 == 0)
     // basic rule 
     return true;
     // is leap year 
     return false;
     // is not leap year 
 }

 function getDays(month, year) {
     // create array to hold number of days in each month
     var ar = new Array(12);
     ar[0] = 31;
     // January 
     ar[1] = (leapYear(year)) ? 29 : 28;
     // February 
     ar[2] = 31;
     // March 
     ar[3] = 30;
     // April 
     ar[4] = 31;
     // May 
     ar[5] = 30;
     // June 
     ar[6] = 31;
     // July 
     ar[7] = 31;
     // August 
     ar[8] = 30;
     // September 
     ar[9] = 31;
     // October 
     ar[10] = 30;
     // November 
     ar[11] = 31;
     // December 
     // return number of days in the specified month (parameter) 
     return ar[month];
 }

 function getMonthName(month) {
     // create array to hold name of each month 
     var ar = new Array(12);
     ar[0] = "01";
     ar[1] = "02";
     ar[2] = "03";
     ar[3] = "04";
     ar[4] = "05";
     ar[5] = "06";
     ar[6] = "07";
     ar[7] = "08";
     ar[8] = "09";
     ar[9] = "10";
     ar[10] = "11";
     ar[11] = "12";
     // return name of specified month (parameter) 
     return ar[month];
 }

 function setCal() {
     // standard time attributes 
     var now = new Date();
     var year = now.getYear();
     var month = now.getMonth();
     var monthName = getMonthName(month);
     var date = now.getDate();
     now = null;
     // create instance of first day of month, and extract the day on which it occurs 
     var firstDayInstance = new Date(year, month, 1);
     var firstDay = firstDayInstance.getDay();
     firstDayInstance = null;
     // number of days in current month 
     var days = getDays(month, year);
     // call function to draw calendar 
     drawCal(firstDay + 1, days, date, monthName, year);
 }

 function drawCal(firstDay, lastDate, date, monthName, year) {
     var tableScript = "";
     tableScript += "&lt;table border='0' cellpadding='2' cellspacing='0' width=100% bordercolordark='#ffffff'&gt;"
     tableScript += " &lt;tr&gt;"
     tableScript += " &lt;td align='center'&gt;&lt;/td&gt;"
     tableScript += " &lt;/tr&gt;"
     tableScript += " &lt;tr&gt;"
     tableScript += " &lt;td&gt;"
     tableScript += " &lt;table width='100%' align=center border='0' cellspacing='2' cellpadding='0'&gt;"
     tableScript += " &lt;tr&gt;"
     tableScript += " &lt;td&gt;日&lt;/td&gt;"
     tableScript += " &lt;td&gt;一&lt;/td&gt;"
     tableScript += " &lt;td&gt;二&lt;/td&gt;"
     tableScript += " &lt;td&gt;三&lt;/td&gt;"
     tableScript += " &lt;td&gt;四&lt;/td&gt;"
     tableScript += " &lt;td&gt;五&lt;/td&gt;"
     tableScript += " &lt;td&gt;六&lt;/td&gt;"
     tableScript += " &lt;/tr&gt;"
     var digit = 1;
     var curCell = 1;
     var day = "";
     for (var row = 1; row &lt;= Math.ceil((lastDate + firstDay-1) / 7); ++row) {
         tableScript += "&lt;tr align = 'right'valign = 'top'&gt; "
         for (var col = 1; col &lt;= 7; ++col) {
             if (digit&gt; lastDate) break;
             if (curCell &lt;firstDay) {
                 tableScript += " &lt;td&gt; &lt;/td&gt;";
                 curCell++;
             } else {
                 if (digit &lt;10) day = year + '-' + monthName + '-0' + digit;
                 else day = year + '-' + monthName + '-' + digit;
                 if (digit == date) {
                     // current cell represent today's date 
                     tableScript += " &lt;td align = center&gt; ";
                     tableScript += " &lt;a HREF = 'showproduct.asp ? day = " + day + "'&gt; " + " &lt;font color = 'red'&gt; &lt;b&gt; " + digit + " &lt;/b&gt;&lt;/font&gt; &lt;/a&gt;";
                     tableScript += "&lt;/td&gt; ";
                 } else tableScript += " &lt;td align = center&gt; &lt;a HREF = 'showproduct.asp ? day = " + day + "'&gt; " + digit + " &lt;/a&gt;&lt;/td&gt;";
                 digit++;
             }
         }
         tableScript += " &lt;/tr&gt;"
     };
     tableScript += " ";
     tableScript += " &lt;/table&gt; ";
     tableScript += " &lt;/td&gt;";
     tableScript += " &lt;/tr&gt; ";
     tableScript += " &lt;/table&gt;";
     document.write(tableScript);
 }
 setCal();
&lt;/script&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

function getTime() {

// initialize time-related variables with current time settings

var now = new Date();

var hour = now.getHours();

var minute = now.getMinutes();

now = null;

var ampm = "";

// validate hour values and set value of ampm

if (hour>= 12) {

hour -= 12;

ampm = "PM";

} else {

ampm = "AM";

}

hour = (hour == 0) ? 12 : hour;

// add zero digit to a one digit minute

if (minute <10) minute = "0" + minute;

// do not parse this number!

// return time string

return hour + ": " + minute + "" + ampm;

}

function leapYear(year) {

if (year % 4 == 0)

// basic rule

return true;

// is leap year

return false;

// is not leap year

}

function getDays(month, year) {

// create array to hold number of days in each month

var ar = new Array(12);

ar[0] = 31;

// January

ar[1] = (leapYear(year)) ? 29 : 28;

// February

ar[2] = 31;

// March

ar[3] = 30;

// April

ar[4] = 31;

// May

ar[5] = 30;

// June

ar[6] = 31;

// July

ar[7] = 31;

// August

ar[8] = 30;

// September

ar[9] = 31;

// October

ar[10] = 30;

// November

ar[11] = 31;

// December

// return number of days in the specified month (parameter)

return ar[month];

}

function getMonthName(month) {

// create array to hold name of each month

var ar = new Array(12);

ar[0] = "01";

ar[1] = "02";

ar[2] = "03";

ar[3] = "04";

ar[4] = "05";

ar[5] = "06";

ar[6] = "07";

ar[7] = "08";

ar[8] = "09";

ar[9] = "10";

ar[10] = "11";

ar[11] = "12";

// return name of specified month (parameter)

return ar[month];

}

function setCal() {

// standard time attributes

var now = new Date();

var year = now.getYear();

var month = now.getMonth();

var monthName = getMonthName(month);

var date = now.getDate();

now = null;

// create instance of first day of month, and extract the day on which it occurs

var firstDayInstance = new Date(year, month, 1);

var firstDay = firstDayInstance.getDay();

firstDayInstance = null;

// number of days in current month

var days = getDays(month, year);

// call function to draw calendar

drawCal(firstDay + 1, days, date, monthName, year);

}

function drawCal(firstDay, lastDate, date, monthName, year) {

var tableScript = "";

tableScript += "<table border='0' cellpadding='2' cellspacing='0' width=100% bordercolordark='#ffffff'>"

tableScript += " <tr>"

tableScript += " <td align='center'></td>"

tableScript += " </tr>"

tableScript += " <tr>"

tableScript += " <td>"

tableScript += " <table width='100%' align=center border='0' cellspacing='2' cellpadding='0'>"

tableScript += " <tr>"

tableScript += " <td>日</td>"

tableScript += " <td>一</td>"

tableScript += " <td>二</td>"

tableScript += " <td>三</td>"

tableScript += " <td>四</td>"

tableScript += " <td>五</td>"

tableScript += " <td>六</td>"

tableScript += " </tr>"

var digit = 1;

var curCell = 1;

var day = "";

for (var row = 1; row <= Math.ceil((lastDate + firstDay-1) / 7); ++row) {

tableScript += "<tr align = 'right'valign = 'top'> "

for (var col = 1; col <= 7; ++col) {

if (digit> lastDate) break;

if (curCell <firstDay) {

tableScript += " <td> </td>";

curCell++;

} else {

if (digit <10) day = year + '-' + monthName + '-0' + digit;

else day = year + '-' + monthName + '-' + digit;

if (digit == date) {

// current cell represent today's date

tableScript += " <td align = center> ";

tableScript += " <a HREF = 'showproduct.asp ? day = " + day + "'> " + " <font color = 'red'> <b> " + digit + " </b></font> </a>";

tableScript += "</td> ";

} else tableScript += " <td align = center> <a HREF = 'showproduct.asp ? day = " + day + "'> " + digit + " </a></td>";

digit++;

}

tableScript += " </tr>"

};

tableScript += " ";

tableScript += " </table> ";

tableScript += " </td>";

tableScript += " </tr> ";

tableScript += " </table>";

document.write(tableScript);

}

setCal();

</script>

Javascript2007年4月23日2011年10月17日

停留时间

&lt;script type="text/javascript"&gt;
 window.setTimeout('show_secs()');
 var ap_name = navigator.appName;
 var ap_vinfo = navigator.appVersion;
 var ap_ver = parseFloat(ap_vinfo.substring(0, ap_vinfo.indexOf('(')));
 var time_start = new Date();
 var clock_start = time_start.getTime();
 var dl_ok = false;

 function init() {
     if (ap_name == "Netscape" &amp;&amp; ap_ver &gt;= 3.0) dl_ok = true;
     return true;
 }
 function get_time_spent() {
     var time_now = new Date();
     return ((time_now.getTime()-clock_start) / 1000);
 }
 function show_secs() {
     var i_total_secs = Math.round(get_time_spent());
     var i_secs_spent = i_total_secs % 60;
     var i_mins_spent = Math.round((i_total_secs - 30) / 60);
     var s_secs_spent = "" + ((i_secs_spent &gt; 9) ? i_secs_spent : "0" + i_secs_spent);
     var s_mins_spent = "" + ((i_mins_spent &gt; 9) ? i_mins_spent : "0" + i_mins_spent);
     document.fm0.time_spent.value = s_mins_spent + ": " + s_secs_spent;
     window.setTimeout('show_secs()', 1000);
 } // –&gt;
&lt;/script&gt;
&lt;form name="fm0" onsubmit="0"&gt;
    &lt;p&gt;
        &lt;font size="3" color="#000000"&gt;
            停留时间
        &lt;/font&gt;
        &lt;input name="time_spent" onfocus="this.blur()" size="5"&gt;
    &lt;/p&gt;
&lt;/form&gt;

window.setTimeout('show_secs()');

var ap_name = navigator.appName;

var ap_vinfo = navigator.appVersion;

var ap_ver = parseFloat(ap_vinfo.substring(0, ap_vinfo.indexOf('(')));

var time_start = new Date();

var clock_start = time_start.getTime();

var dl_ok = false;

function init() {

if (ap_name == "Netscape" && ap_ver >= 3.0) dl_ok = true;

return true;

}

function get_time_spent() {

var time_now = new Date();

return ((time_now.getTime()-clock_start) / 1000);

}

function show_secs() {

var i_total_secs = Math.round(get_time_spent());

var i_secs_spent = i_total_secs % 60;

var i_mins_spent = Math.round((i_total_secs - 30) / 60);

var s_secs_spent = "" + ((i_secs_spent > 9) ? i_secs_spent : "0" + i_secs_spent);

var s_mins_spent = "" + ((i_mins_spent > 9) ? i_mins_spent : "0" + i_mins_spent);

document.fm0.time_spent.value = s_mins_spent + ": " + s_secs_spent;

window.setTimeout('show_secs()', 1000);

} // –>

</script>

<p>

停留时间

</font>

</p>

</form>

Javascript2007年4月23日2011年10月17日

显示农历星期

&lt;script type="text/javascript"&gt;
 var bsYear;
 var bsDate;
 var bsWeek;
 var arrLen = 8;
 var sValue = 0;
 var dayiy = 0;
 var miy = 0;
 var iyear = 0;
 var dayim = 0;
 var spd = 86400;
 var year1999 = "30;29; 29; 30; 29; 29; 30; 29; 30; 30; 30; 29";
 var year2000 = "30; 30; 29; 29; 30; 29; 29; 30; 29; 30; 30; 29";
 var year2001 = "30;30; 29; 30; 29; 30; 29; 29; 30; 29; 30; 29; 30";
 var year2002 = "30; 30; 29; 30; 29; 30; 29; 29; 30; 29; 30; 29";
 var year2003 = "30;30; 29; 30; 30; 29; 30; 29; 29; 30; 29; 30";
 var year2004 = "29; 30; 29; 30; 30; 29; 30; 29; 30; 29; 30; 29; 30";
 var year2005 = "29; 30; 29; 30; 29; 30; 30; 29; 30; 29; 30; 29";
 var year2006 = "30; 29; 30; 29; 30; 30; 29; 29; 30; 30; 29; 29; 30";
 var month1999 = "正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月";
 var month2001 = "正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月";
 var month2004 = "正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月";
 var month2006 = "正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月";
 var Dn = "初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";
 var Ys = new Array(arrLen);
 Ys[0] = 919094400;
 Ys[1] = 949680000;
 Ys[2] = 980265600;
 Ys[3] = 1013443200;
 Ys[4] = 1044028800;
 Ys[5] = 1074700800;
 Ys[6] = 1107878400;
 Ys[7] = 1138464000;
 var Yn = new Array(arrLen);
 Yn[0] = "己卯年";
 Yn[1] = "庚辰年";
 Yn[2] = "辛巳年";
 Yn[3] = "壬午年";
 Yn[4] = "癸未年";
 Yn[5] = "甲申年";
 Yn[6] = "乙酉年";
 Yn[7] = "丙戌年";
 var D = new Date();
 var yy = D.getYear();
 var mm = D.getMonth() + 1;
 var dd = D.getDate();
 var ww = D.getDay();
 if (ww == 0) ww = "星期日";
 if (ww == 1) ww = "星期一";
 if (ww == 2) ww = "星期二";
 if (ww == 3) ww = "星期三";
 if (ww == 4) ww = "星期四";
 if (ww == 5) ww = "星期五";
 if (ww == 6) ww = "星期六";
 ww = ww;
 var ss = parseInt(D.getTime() / 1000);
 if (yy &lt; 100) yy = "19" + yy;
 for (i = 0; i &lt; arrLen; i++) if (ss &gt;= Ys[i]) {
     iyear = i;
     sValue = ss - Ys[i];
 }
 dayiy = parseInt(sValue / spd) + 1;
 var dpm = year1999;
 if (iyear == 1) dpm = year2000;
 if (iyear == 2) dpm = year2001;
 if (iyear == 3) dpm = year2002;
 if (iyear == 4) dpm = year2003;
 if (iyear == 5) dpm = year2004;
 if (iyear == 6) dpm = year2005;
 if (iyear == 7) dpm = year2006;
 dpm = dpm.split(";");
 var Mn = month1999;
 if (iyear == 2) Mn = month2001;
 if (iyear == 5) Mn = month2004;
 if (iyear == 7) Mn = month2006;
 Mn = Mn.split(";");
 var Dn = "初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";
 Dn = Dn.split(";");
 dayim = dayiy;
 var total = new Array(13);
 total[0] = parseInt(dpm[0]);
 for (i = 1; i &lt; dpm.length - 1; i++) total[i] = parseInt(dpm[i]) + total[i - 1];
 for (i = dpm.length - 1; i &gt; 0; i--) {
	if (dayim &gt; total[i - 1]) {
     dayim = dayim - total[i - 1];
     miy = i;
	 }
 }
 bsWeek = ww;
 bsDate = ""+"&lt;b&gt;&lt;span class='v8'&gt;"+yy+"&lt;/span&gt;&lt;/b&gt;"+"年"+"&lt;b&gt;&lt;span class='v8'&gt;"+mm+"&lt;/span&gt;&lt;/b&gt;"+"月"; 
 bsDate2="&lt;b&gt;&lt;span class='v8'&gt;"+dd+"&lt;/span&gt;&lt;/b&gt;"+"日"; 
 bsYear="农历 "+Yn[iyear]; 
 bsYear2=Mn[miy]+Dn[dayim-1]; 
 if (ss&gt;=Ys[7]||ss&lt;ys[0]) bsYear=Yn[7]; 
 function CAL(){ document.write(bsDate+bsDate2+" "+bsWeek+" "+bsYear+" "+bsYear2); }
&lt;/script&gt;
&lt;body onload="CAL();"&gt;

var bsYear;

var bsDate;

var bsWeek;

var arrLen = 8;

var sValue = 0;

var dayiy = 0;

var miy = 0;

var iyear = 0;

var dayim = 0;

var spd = 86400;

var year1999 = "30;29; 29; 30; 29; 29; 30; 29; 30; 30; 30; 29";

var year2000 = "30; 30; 29; 29; 30; 29; 29; 30; 29; 30; 30; 29";

var year2001 = "30;30; 29; 30; 29; 30; 29; 29; 30; 29; 30; 29; 30";

var year2002 = "30; 30; 29; 30; 29; 30; 29; 29; 30; 29; 30; 29";

var year2003 = "30;30; 29; 30; 30; 29; 30; 29; 29; 30; 29; 30";

var year2004 = "29; 30; 29; 30; 30; 29; 30; 29; 30; 29; 30; 29; 30";

var year2005 = "29; 30; 29; 30; 29; 30; 30; 29; 30; 29; 30; 29";

var year2006 = "30; 29; 30; 29; 30; 30; 29; 29; 30; 30; 29; 29; 30";

var month1999 = "正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月";

var month2001 = "正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月";

var month2004 = "正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月";

var month2006 = "正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月";

var Dn = "初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";

var Ys = new Array(arrLen);

Ys[0] = 919094400;

Ys[1] = 949680000;

Ys[2] = 980265600;

Ys[3] = 1013443200;

Ys[4] = 1044028800;

Ys[5] = 1074700800;

Ys[6] = 1107878400;

Ys[7] = 1138464000;

var Yn = new Array(arrLen);

Yn[0] = "己卯年";

Yn[1] = "庚辰年";

Yn[2] = "辛巳年";

Yn[3] = "壬午年";

Yn[4] = "癸未年";

Yn[5] = "甲申年";

Yn[6] = "乙酉年";

Yn[7] = "丙戌年";

var D = new Date();

var yy = D.getYear();

var mm = D.getMonth() + 1;

var dd = D.getDate();

var ww = D.getDay();

if (ww == 0) ww = "星期日";

if (ww == 1) ww = "星期一";

if (ww == 2) ww = "星期二";

if (ww == 3) ww = "星期三";

if (ww == 4) ww = "星期四";

if (ww == 5) ww = "星期五";

if (ww == 6) ww = "星期六";

ww = ww;

var ss = parseInt(D.getTime() / 1000);

if (yy < 100) yy = "19" + yy;

for (i = 0; i < arrLen; i++) if (ss >= Ys[i]) {

iyear = i;

sValue = ss - Ys[i];

}

dayiy = parseInt(sValue / spd) + 1;

var dpm = year1999;

if (iyear == 1) dpm = year2000;

if (iyear == 2) dpm = year2001;

if (iyear == 3) dpm = year2002;

if (iyear == 4) dpm = year2003;

if (iyear == 5) dpm = year2004;

if (iyear == 6) dpm = year2005;

if (iyear == 7) dpm = year2006;

dpm = dpm.split(";");

var Mn = month1999;

if (iyear == 2) Mn = month2001;

if (iyear == 5) Mn = month2004;

if (iyear == 7) Mn = month2006;

Mn = Mn.split(";");

Dn = Dn.split(";");

dayim = dayiy;

var total = new Array(13);

total[0] = parseInt(dpm[0]);

for (i = 1; i < dpm.length - 1; i++) total[i] = parseInt(dpm[i]) + total[i - 1];

for (i = dpm.length - 1; i > 0; i--) {

if (dayim > total[i - 1]) {

dayim = dayim - total[i - 1];

miy = i;

}

bsWeek = ww;

bsDate = ""+"<b><span class='v8'>"+yy+"</span></b>"+"年"+"<b><span class='v8'>"+mm+"</span></b>"+"月";

bsDate2="<b><span class='v8'>"+dd+"</span></b>"+"日";

bsYear="农历 "+Yn[iyear];

bsYear2=Mn[miy]+Dn[dayim-1];

if (ss>=Ys[7]||ss<ys[0]) bsYear=Yn[7];

function CAL(){ document.write(bsDate+bsDate2+" "+bsWeek+" "+bsYear+" "+bsYear2); }

</script>

Javascript2007年4月23日

显示月份天数

Javascript2007年4月23日

现在日期

Javascript2007年4月23日

雪花飘落

function rnd(){return Math.random();} function xRnd(){r […]

Javascript2007年4月23日

窗口定时打开定时关闭,表单自动提交

Javascript2007年4月23日2011年10月17日

JS窗口操作经典

&lt;html&gt;
    
    &lt;head&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
        &lt;meta name="GENERATOR" content="Microsoft FrontPage 4.0"&gt;
        &lt;meta name="ProgId" content="FrontPage.Editor.Document"&gt;
        &lt;title&gt;
            子父窗口的操作
        &lt;/title&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
        &lt;script&gt;
         var win = null;

 function op() {
     win = window.open("about:blank", "win", "width=200,height=200");
     win.document.write("&lt;scri");
     win.document.write("PT&gt;window.open('','a','');&lt;/scr");
     win.document.write("IPT&gt;");
     win.document.write("&lt;input type='button' value='关闭父窗口' onclick='window.opener.opener=null;window.opener.close()'&gt;");
     win.document.write("&lt;input type='button' value='刷新你窗口' onclick='window.opener.location.reload()'&gt;");
 }
        &lt;/script&gt;
        &lt;input onclick="op()" value="打开窗口" type="button"&gt;
        &lt;input type="button" value="最小化" onclick="if(win&amp;&amp;win.open&amp;&amp;!win.closed){win.resizeTo(0,0);win.moveTo(0,window.screen.width);}else alert('还没有打开窗口或已经关闭')"&gt;
        &lt;input type="button" value="最大化" onclick="if(win&amp;&amp;win.open&amp;&amp;!win.closed){win.moveTo(-4,-4);win.resizeTo(screen.availWidth+8,screen.availHeight+8);}else alert('还没有打开窗口或已经关闭');"&gt;
        &lt;input type=button value="关闭子窗口" onclick="if(win&amp;&amp;win.open&amp;&amp;!win.closed){win.opener=null;win.close()}else alert('还没有打开窗口或已关闭')"&gt;
        &lt;input type=button value="刷新子窗口" onclick="if(win&amp;&amp;win.open&amp;&amp;!win.closed){win.location.reload();win.focus()}else alert('窗口还没有打开或已关闭')"&gt;
        &lt;input type="button" value="看子窗口的大小" onclick="if(win&amp;&amp;win.open&amp;&amp;!win.closed){alert(win.document.body.clientWidth+'*'+win.document.body.clientHeight);win.focus();}else{alert('还没有打开窗口或者已关闭')};"&gt;
    &lt;/body&gt;

&lt;/html&gt;

<html>

<head>

<title>

子父窗口的操作

</title>

</head>

<body>

var win = null;

function op() {

win = window.open("about:blank", "win", "width=200,height=200");

win.document.write("<scri");

win.document.write("PT>window.open('','a','');</scr");

win.document.write("IPT>");

win.document.write("<input type='button' value='关闭父窗口' onclick='window.opener.opener=null;window.opener.close()'>");

win.document.write("<input type='button' value='刷新你窗口' onclick='window.opener.location.reload()'>");

}

</script>

</body>

</html>

Javascript2007年4月23日2011年10月17日

js完美关窗

&lt;html&gt;
    
    &lt;head&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
        &lt;meta name="GENERATOR" content="Microsoft FrontPage 4.0"&gt;
        &lt;meta name="ProgId" content="FrontPage.Editor.Document"&gt;
        &lt;title&gt;
            New Page 1
        &lt;/title&gt;
        &lt;!-- by fason(2003-5-20) --&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
        &lt;script type="text/javascript"&gt;
 function CloseWin() {
     var ua = navigator.userAgent
     var ie = navigator.appName == "Microsoft Internet Explorer" ? true : false
     if (ie) {
         var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ") + 5, ua.indexOf(";", ua.indexOf("MSIE ")))) if (IEversion &lt; 5.5) {
             var str = '&lt;object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"&gt;'
             str += '&lt;param name="Command" value="Close"&gt;&lt;/object&gt;';
             document.body.insertAdjacentHTML("beforeEnd", str);
             document.all.noTipClose.Click();
         } else {
             window.opener = null;
             window.close();
         }
     } else {
         window.close()
     }
 }
        &lt;/script&gt;
        &lt;input type=button value=关闭 onclick="CloseWin()"&gt;
    &lt;/body&gt;

&lt;/html&gt;

<html>

<head>

<title>

New Page 1

</title>

</head>

<body>

function CloseWin() {

var ua = navigator.userAgent

var ie = navigator.appName == "Microsoft Internet Explorer" ? true : false

if (ie) {

var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ") + 5, ua.indexOf(";", ua.indexOf("MSIE ")))) if (IEversion < 5.5) {

var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'

str += '<param name="Command" value="Close"></object>';

document.body.insertAdjacentHTML("beforeEnd", str);

document.all.noTipClose.Click();

} else {

window.opener = null;

window.close();

}

} else {

window.close()

}

</script>

</body>

</html>

Javascript2007年4月23日2011年10月17日

变色背景

&lt;script&gt;
&lt;!--

function makearray(n) {
    this.length = n;
    for (var i = 1; i &lt;= n; i++)
    this[i] = 0;
    return this;
}
hexa = new makearray(16);
for (var i = 0; i &lt; 10; i++)
hexa[i] = i;
hexa[10] = "a";
hexa[11] = "b";
hexa[12] = "c";
hexa[13] = "d";
hexa[14] = "e";
hexa[15] = "f";

function hex(i) {
    if (i &lt; 0) return "00";
    else if (i &gt; 255) return "ff";
    else return "" + hexa[Math.floor(i / 16)] + hexa[i % 16];
}

function setbgColor(r, g, b) {
    var hr = hex(r);
    var hg = hex(g);
    var hb = hex(b);
    document.bgColor = "#" + hr + hg + hb;
}

function fade(sr, sg, sb, er, eg, eb, step) {
    for (var i = 0; i &lt;= step; i++) {
        setbgColor(Math.floor(sr * ((step - i) / step) + er * (i / step)), Math.floor(sg * ((step - i) / step) + eg * (i / step)), Math.floor(sb * ((step - i) / step) + eb * (i / step)));
    }
}

function fadein() {
    fade(255, 0, 0, 0, 0, 255, 100);
    fade(0, 0, 255, 0, 255, 0, 100);
    fade(0, 255, 0, 0, 0, 0, 100);
}

fadein();
// --&gt;
&lt;/script&gt;

<!--

function makearray(n) {

this.length = n;

for (var i = 1; i <= n; i++)

this[i] = 0;

return this;

}

hexa = new makearray(16);

for (var i = 0; i < 10; i++)

hexa[i] = i;

hexa[10] = "a";

hexa[11] = "b";

hexa[12] = "c";

hexa[13] = "d";

hexa[14] = "e";

hexa[15] = "f";

function hex(i) {

if (i < 0) return "00";

else if (i > 255) return "ff";

else return "" + hexa[Math.floor(i / 16)] + hexa[i % 16];

}

function setbgColor(r, g, b) {

var hr = hex(r);

var hg = hex(g);

var hb = hex(b);

document.bgColor = "#" + hr + hg + hb;

}

function fade(sr, sg, sb, er, eg, eb, step) {

for (var i = 0; i <= step; i++) {

setbgColor(Math.floor(sr * ((step - i) / step) + er * (i / step)), Math.floor(sg * ((step - i) / step) + eg * (i / step)), Math.floor(sb * ((step - i) / step) + eb * (i / step)));

}

function fadein() {

fade(255, 0, 0, 0, 0, 255, 100);

fade(0, 0, 255, 0, 255, 0, 100);

fade(0, 255, 0, 0, 0, 0, 100);

}

fadein();

// -->

</script>

Javascript2007年4月23日

&lt;script language="JavaScript"&gt;
var red = 0;

var green = 0;

var blue = 0;

var value = 0;

var convert = new Array()

var hexbase = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

for (x = 0; x &lt; 16; x++) {

    for (y = 0; y &lt; 16; y++) {

        convert[value] = hexbase[x] + hexbase[y];

        value++;

    }

}

function clear() {

    document.color.bl.value = blue;

    document.color.rd.value = red;

    document.color.gr.value = green;

}

function display() {

    redx = convert[red]

    greenx = convert[green]

    bluex = convert[blue]

    var rgb = "#" + redx + greenx + bluex;

    document.color.rgbdspl.value = rgb;

    document.bgColor = rgb;

}

function upred(x) {

    if ((red + x) &lt;= 255)

    red += x

    document.color.rd.value = red;

    display()

}

function downred(x) {

    if ((red - x) &gt;= 0)

    red -= x

    document.color.rd.value = red;

    display()

}

function upgreen(x) {

    if ((green + x) &lt;= 255)

    green += x

    document.color.gr.value = green;

    display()

}

function downgreen(x) {

    if ((green - x) &gt;= 0)

    green -= x

    document.color.gr.value = green;

    display()

}

function upblue(x) {

    if ((blue + x) &lt;= 255)

    blue += x

    document.color.bl.value = blue;

    display()

}

function downblue(x) {

    if ((blue - x) &gt;= 0)

    blue -= x

    document.color.bl.value = blue;

    display()

}
&lt;/script&gt;

&lt;form name="color"&gt;
	&lt;table align="center"&gt;
	&lt;tr align="Center"&gt;
		&lt;td width="52"&gt;
			&lt;input name="red" type="button" value=" +50 " onclick="upred(50)"&gt;
		&lt;/td&gt;
		&lt;td width="58"&gt;
			&lt;input name="red2" type="button" value=" + 10 " onclick="upred(10)"&gt;
		&lt;/td&gt;
		&lt;td width="46"&gt;
			&lt;input name="red2" type="button" value=" + 1" onclick="upred(1)"&gt;
		&lt;/td&gt;
		&lt;td width="52"&gt;
			&lt;font color="#FF0000" size='+3'&gt;&lt;b&gt;&lt;font color="#FA0000" face="楷体_GB2312"&gt;红&lt;/font&gt;&lt;/b&gt;&lt;/font&gt;
		&lt;/td&gt;
		&lt;td width="46"&gt;
			&lt;input name="red-" type="button" value=" - 1" onclick="downred(1)"&gt;
		&lt;/td&gt;
		&lt;td width="58"&gt;
			&lt;input name="red-" type="button" value=" - 10 " onclick="downred(10)"&gt;
		&lt;/td&gt;
		&lt;td width="52"&gt;
			&lt;input name="red-" type="button" value=" -50 " onclick="downred(50)"&gt;
		&lt;/td&gt;
		&lt;td width="29"&gt;
			&lt;input type="text" name="rd" size='3'&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr align="Center"&gt;
		&lt;/table&gt;
		&lt;td width="52"&gt;
			&lt;input name="green" type="button" value=" +50 " onclick="upgreen(50)"&gt;
		&lt;/td&gt;
		&lt;td width="58"&gt;
			&lt;input name="green" type="button" value=" + 10 " onclick="upgreen(10)"&gt;
		&lt;/td&gt;
		&lt;td width="46"&gt;
			&lt;input name="green" type="button" value=" + 1" onclick="upgreen(1)"&gt;
		&lt;/td&gt;
		&lt;td width="52"&gt;
			&lt;font color="#00FF00" size='+3'&gt;&lt;b&gt;&lt;font color="#00FA00" face="楷体_GB2312"&gt;绿&lt;/font&gt;&lt;/b&gt;&lt;/font&gt;
		&lt;/td&gt;
		&lt;td width="46"&gt;
			&lt;input name="green-" type="button" value=" - 1" onclick="downgreen(1)"&gt;
		&lt;/td&gt;
		&lt;td width="58"&gt;
			&lt;input name="green-" type="button" value=" - 10 " onclick="downgreen(10)"&gt;
		&lt;/td&gt;
		&lt;td width="52"&gt;
			&lt;input name="green-" type="button" value=" -50 " onclick="downgreen(50)"&gt;
		&lt;/td&gt;
		&lt;td width="29"&gt;
			&lt;input type="text" name="gr" size='3'&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;/table&gt;
&lt;/form&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

var red = 0;

var green = 0;

var blue = 0;

var value = 0;

var convert = new Array()

var hexbase = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

for (x = 0; x < 16; x++) {

for (y = 0; y < 16; y++) {

convert[value] = hexbase[x] + hexbase[y];

value++;

}

function clear() {

document.color.bl.value = blue;

document.color.rd.value = red;

document.color.gr.value = green;

}

function display() {

redx = convert[red]

greenx = convert[green]

bluex = convert[blue]

var rgb = "#" + redx + greenx + bluex;

document.color.rgbdspl.value = rgb;

document.bgColor = rgb;

}

function upred(x) {

if ((red + x) <= 255)

red += x

document.color.rd.value = red;

display()

}

function downred(x) {

if ((red - x) >= 0)

red -= x

document.color.rd.value = red;

display()

}

function upgreen(x) {

if ((green + x) <= 255)

green += x

document.color.gr.value = green;

display()

}

function downgreen(x) {

if ((green - x) >= 0)

green -= x

document.color.gr.value = green;

display()

}

function upblue(x) {

if ((blue + x) <= 255)

blue += x

document.color.bl.value = blue;

display()

}

function downblue(x) {

if ((blue - x) >= 0)

blue -= x

document.color.bl.value = blue;

display()

}

</script>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

</table>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

</table>

</form>

Javascript2007年4月23日2011年10月17日

弹出窗口

Javascript2007年4月23日2011年10月17日

五彩闪烁字

 &lt;script type="text/javascript"&gt;
 var rate = 20;
 var obj;
 var act = 0;
 var elmH = 0;
 var elmS = 128;
 var elmV = 255;
 var clrOrg;
 var TimerID;
 if (navigator.appName.indexOf("Microsoft", 0) != -1 &amp;&amp; parseInt(navigator.appVersion) &gt;= 4) {
     Browser = true;
 } else {
     Browser = false;
 }
 if (Browser) {
     document.onmouseover = doRainbowAnchor;
     document.onmouseout = stopRainbowAnchor;
 }
 function doRainbow() {
     if (Browser &amp;&amp; act != 1) {
         act = 1;
         obj = event.srcElement;
         clrOrg = obj.style.color;
         TimerID = setInterval("ChangeColor()", 100);
     }
 }
 function stopRainbow() {
     if (Browser &amp;&amp; act != 0) {
         obj.style.color = clrOrg;
         clearInterval(TimerID);
         act = 0;
     }
 }
 function doRainbowAnchor() {
     if (Browser &amp;&amp; act != 1) {
         obj = event.srcElement;
         while (obj.tagName != 'A' &amp;&amp; obj.tagName != 'BODY') {
             obj = obj.parentElement;
             if (obj.tagName == 'A' || obj.tagName == 'BODY') break;
         }
         if (obj.tagName == 'A' &amp;&amp; obj.href != '') {
             act = 1;
             clrOrg = obj.style.color;
             TimerID = setInterval("ChangeColor()", 100);
         }
     }
 }
 function stopRainbowAnchor() {
     if (Browser &amp;&amp; act != 0) {
         if (obj.tagName == 'A') {
             obj.style.color = clrOrg;
             clearInterval(TimerID);
             act = 0;
         }
     }
 }
 function ChangeColor() {
     obj.style.color = makeColor();
 }
 function makeColor() {
     if (elmS == 0) {
         elmR = elmV;
         elmG = elmV;
         elmB = elmV;
     } else {
         t1 = elmV;
         t2 = (255 - elmS) * elmV / 255;
         t3 = elmH % 60;
         t3 = (t1 - t2) * t3 / 60;
         if (elmH &lt; 60) {
             elmR = t1;
             elmB = t2;
             elmG = t2 + t3;
         } else if (elmH &lt; 120) {
             elmG = t1;
             elmB = t2;
             elmR = t1 - t3;
         } else if (elmH &lt; 180) {
             elmG = t1;
             elmR = t2;
             elmB = t2 + t3;
         } else if (elmH &lt; 240) {
             elmB = t1;
             elmR = t2;
             elmG = t1 - t3;
         } else if (elmH &lt; 300) {
             elmB = t1;
             elmG = t2;
             elmR = t2 + t3;
         } else if (elmH &lt; 360) {
             elmR = t1;
             elmG = t2;
             elmB = t1 - t3;
         } else {
             elmR = 0;
             elmG = 0;
             elmB = 0;
         }
     }
     elmR = Math.floor(elmR);
     elmG = Math.floor(elmG);
     elmB = Math.floor(elmB);
     clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
     elmH = elmH + rate;
     if (elmH &gt;= 360) elmH = 0;
     return clrRGB;
 } &lt;/script&gt;
 
 &lt;a href="###"&gt;开心狗狗乐园&lt;/a&gt;

100

101

102

103

104

105

106

107

108

109

var rate = 20;

var obj;

var act = 0;

var elmH = 0;

var elmS = 128;

var elmV = 255;

var clrOrg;

var TimerID;

if (navigator.appName.indexOf("Microsoft", 0) != -1 && parseInt(navigator.appVersion) >= 4) {

Browser = true;

} else {

Browser = false;

}

if (Browser) {

document.onmouseover = doRainbowAnchor;

document.onmouseout = stopRainbowAnchor;

}

function doRainbow() {

if (Browser && act != 1) {

act = 1;

obj = event.srcElement;

clrOrg = obj.style.color;

TimerID = setInterval("ChangeColor()", 100);

}

function stopRainbow() {

if (Browser && act != 0) {

obj.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

function doRainbowAnchor() {

if (Browser && act != 1) {

obj = event.srcElement;

while (obj.tagName != 'A' && obj.tagName != 'BODY') {

obj = obj.parentElement;

if (obj.tagName == 'A' || obj.tagName == 'BODY') break;

}

if (obj.tagName == 'A' && obj.href != '') {

act = 1;

clrOrg = obj.style.color;

TimerID = setInterval("ChangeColor()", 100);

}

function stopRainbowAnchor() {

if (Browser && act != 0) {

if (obj.tagName == 'A') {

obj.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

function ChangeColor() {

obj.style.color = makeColor();

}

function makeColor() {

if (elmS == 0) {

elmR = elmV;

elmG = elmV;

elmB = elmV;

} else {

t1 = elmV;

t2 = (255 - elmS) * elmV / 255;

t3 = elmH % 60;

t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {

elmR = t1;

elmB = t2;

elmG = t2 + t3;

} else if (elmH < 120) {

elmG = t1;

elmB = t2;

elmR = t1 - t3;

} else if (elmH < 180) {

elmG = t1;

elmR = t2;

elmB = t2 + t3;

} else if (elmH < 240) {

elmB = t1;

elmR = t2;

elmG = t1 - t3;

} else if (elmH < 300) {

elmB = t1;

elmG = t2;

elmR = t2 + t3;

} else if (elmH < 360) {

elmR = t1;

elmG = t2;

elmB = t1 - t3;

} else {

elmR = 0;

elmG = 0;

elmB = 0;

}

elmR = Math.floor(elmR);

elmG = Math.floor(elmG);

elmB = Math.floor(elmB);

clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);

elmH = elmH + rate;

if (elmH >= 360) elmH = 0;

return clrRGB;

} </script>

<a href="###">开心狗狗乐园</a>

利用cloudflare worker搭建在线代理—-jsproxy

利用Dnsmasq来搭建一个属于自己的本地DNS服务器

证书格式简介及不同格式之间的转换方式

将被O2O模式改造的6大行业：衣食住行、变美、咨询

适合小型开发团队使用的免费源代码托管服务网站

几个专业的问卷调查网站的评测

图片精灵

图片渐变切换

取得上传图片的大小

横向不间断连续滚动图片效果

不间断连续图片滚动效果的制作方法

背景时钟

表格时钟

方形日历

计算器及日历

开关时间

日历

停留时间

显示农历星期

显示月份天数

现在日期

雪花飘落

窗口定时打开定时关闭,表单自动提交

JS窗口操作经典

js完美关窗

变色背景

从天而降窗口

滚动背景

控制背景颜色变化

弹出窗口

五彩闪烁字