‘JavaScript’ 存档

全屏广告,五秒后自动关闭-广告专题(B)

<script language=”javascript”>

var a=window.createPopup()

b=a.document.body

b.style.border=”1px solid red”

b.innerHTML=”<strong style=’font-size:100pt’>这是广告,五秒后自动关闭</strong>”

function d()

{

a.show(0,0,screen.width,screen.height,document.body)

}

c=setInterval(“d()”,500)

setTimeout(“clearInterval(c)”,5000)

setTimeout(“a.hide()”,5005)

</script>

5秒后消失的广告,不占位-广告专题(A)

<div id=”Logo3001″>

<iframe src=”test.htm” width=”385″ height=”120″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”></iframe>

</div>

<script language=”javascript” type=”text/javascript”>

<!–

function hidediv()

{

document.getElementById(‘Logo3001′).style.display=”none”;

SYtag=2;

}

setTimeout(“hidediv()”,5000);

//–>

</script>

<P>

My site :<a href=”http://www.to62.com”>www.to62.com</a><BR>

</p>

下拉菜单式日历

date.htc 文件

***********************************************************

<public:attach event=oncontentready onevent=initDate()>

<script>

//该HTC组件目前只支持INPUT并TYPE=TEXT下使用

//日期面板容器

var vDiv=null;

//框架

var vFieldset=null;

//日期面板

var vTable=null;

//日期格式字符串

var strDate=”";

//静态数组

var strWeekArray=new Array(“星期日”,”星期一”,”星期二”,”星期三”,”星期四”,”星期五”,”星期六”);

function initDate()

{

//初始化日期

if(element.value)

{strDate=element.value;}

else

{strDate=getToday();}

//创建容器

vDiv=document.createElement(“vDiv”);

vDiv.style.position=”absolute”;

vDiv.style.left=0;

vDiv.style.top=0;

vDiv.style.width=”275px”;

//绘制框架

vFieldset=document.createElement(“fieldset”);

var vLegend=document.createElement(“legend”);

vLegend.style.font=”normal 9pt 宋体”;

vLegend.innerHTML=”日期”;

vFieldset.appendChild(vLegend);

//绘制年月栏

initYearMonthBar();

//绘制面板

initPanel();

//绘制控制区

initConsole();

vDiv.appendChild(vFieldset);

window.document.body.insertAdjacentElement(“afterbegin”,vDiv);

vDiv.style.display=”none”;

//事件绑定

element.attachEvent(“onmousedown”,onMouseDown);

element.readOnly=”true”;

}

//绘制面板

function initPanel()

{

vTable=document.createElement(“table”);

vTable.style.backgroundColor=”#EEEEEE”;

vTable.border=”0″;

vTable.cellSpacing=”1″;

vTable.cellPadding=”0″;

//vTable.width=”80%”;

vTable.style.borderLeft=”1px solid #000000″;

vTable.style.borderBottom=”1px solid #000000″;

initWeekCol();

initDayCell();

vFieldset.appendChild(vTable);

}

//画年月

function initYearMonthBar()

{

vInput=document.createElement(“input”);

vInput.type=”button”;

vInput.style.font=”normal 9pt Marlett”;

vInput.value=”3″;

vFieldset.appendChild(vInput);

vSelect=document.createElement(“select”);

vSelect.style.font=”normal 8pt 宋体”;

for(mIndex=eval(“getDateYear()-20″);mIndex<=eval(“getDateYear()+20″);mIndex++)

{

vOption=document.createElement(“option”);

vOption.value=mIndex;

vOption.text=mIndex+”年”;

vSelect.add(vOption);

if(getDateYear()==mIndex)

{

vOption.selected=”selected”;

}

}

vSelect.attachEvent(“onchange”,onYearChange);

vFieldset.appendChild(vSelect);

vInput=document.createElement(“input”);

vInput.type=”button”;

vInput.style.font=”normal 9pt Marlett”;

vInput.value=”4″;

vFieldset.appendChild(vInput);

vInput=document.createElement(“input”);

vInput.type=”button”;

vInput.style.font=”normal 9pt Marlett”;

vInput.value=”3″;

vFieldset.appendChild(vInput);

vSelect=document.createElement(“select”);

vSelect.style.font=”normal 8pt 宋体”;

var now=new Date();

for(nIndex=1;nIndex<=12;nIndex++)

{

vOption=document.createElement(“option”);

vOption.value=strFormat(nIndex,2);

vOption.text=strFormat(nIndex,2)+”月”;

vSelect.add(vOption);

if(getDateMonth()==nIndex)

{

vOption.selected=”selected”;

}

}

vSelect.attachEvent(“onchange”,onMonthChange);

vFieldset.appendChild(vSelect);

vInput=document.createElement(“input”);

vInput.type=”button”;

vInput.style.font=”normal 9pt Marlett”;

vInput.value=”4″;

vFieldset.appendChild(vInput);

}

//绘制控制区

function initConsole()

{

vInput=document.createElement(“input”);

vInput.type=”button”;

vInput.style.font=”normal 9pt 宋体”;

vInput.value=”今天”;

vInput.attachEvent(“onmousedown”,onTodayMouseDown);

vFieldset.appendChild(vInput);

vInput=document.createElement(“input”);

vInput.type=”button”;

vInput.style.font=”normal 9pt 宋体”;

vInput.value=”确定”;

vInput.attachEvent(“onmousedown”,onOKMouseDown);

vFieldset.appendChild(vInput);

vInput=document.createElement(“input”);

vInput.type=”button”;

vInput.style.font=”normal 9pt 宋体”;

vInput.value=”取消”;

vInput.attachEvent(“onmousedown”,onCancelMouseDown);

vFieldset.appendChild(vInput);

}

function onTodayMouseDown()

{

strDate=getToday();

element.value=strDate;

hideDate();

}

function onOKMouseDown()

{

element.value=strDate;

hideDate();

}

function onCancelMouseDown()

{

hideDate();

}

//画星期列

function initWeekCol()

{

var vTr=vTable.insertRow(0);

for(nIndex=0;nIndex<7;nIndex++)

{

var vTd=vTr.insertCell(nIndex);

vTd.innerHTML=strWeekArray[nIndex];

vTd.style.font=”normal 9pt 宋体”;

vTd.style.borderTop=”1px solid #000000″;

vTd.style.borderRight=”1px solid #000000″;

vTd.style.backgroundColor=”#DDDDDD”;

}

}

//画天单元格

function initDayCell()

{

var iCurDay=0;

for(mIndex=1;mIndex<7;mIndex++)

{

var vTr=vTable.insertRow(mIndex);

for(nIndex=0;nIndex<7;nIndex++)

{

var vTd=vTr.insertCell(nIndex);

if(mIndex==1&&nIndex==1*getYearMonthWeek())

{

iCurDay=1;

vTd.innerHTML=iCurDay;

}

else if(iCurDay!=0&&iCurDay<=1*getYearMonthDays())

{

vTd.innerHTML=iCurDay;

}

else

{

vTd.innerHTML=” ”

}

if(iCurDay==getDateDay())

{

vTd.style.color=”#FF0000″;

}

if(iCurDay!=0)

{

iCurDay++;

}

vTd.style.font=”normal 9pt 宋体”;

vTd.style.borderTop=”1px solid #000000″;

vTd.style.borderRight=”1px solid #000000″;

vTd.attachEvent(“onmousedown”,onCellMouseDown);

}

}

}

//选择框年鼠标按下

function onYearChange()

{

var vObject=window.event.srcElement;

var strYearMonth=strDate.split(“-”);

strDate=vObject.options[vObject.selectedIndex].value+”-”+strYearMonth[1]+”-”+strYearMonth[2];

for(iRowCount=6;iRowCount>=1;iRowCount–)

{

vTable.deleteRow(iRowCount);

}

initDayCell();

}

//选择框月鼠标按下

function onMonthChange()

{

var vObject=window.event.srcElement;

var strYearMonth=strDate.split(“-”);

strDate=strYearMonth[0]+”-”+vObject.options[vObject.selectedIndex].value+”-”+strYearMonth[2];

for(iRowCount=6;iRowCount>=1;iRowCount–)

{

vTable.deleteRow(iRowCount);

}

initDayCell();

}

//单元格天鼠标按下

function onCellMouseDown()

{

for(mIndex=1;mIndex<7;mIndex++)

{

for(nIndex=0;nIndex<7;nIndex++)

{

vTable.rows(mIndex).cells(nIndex).style.backgroundColor=”transparent”;

}

}

var vObject=window.event.srcElement;

var strYearMonth=strDate.split(“-”);

strDate=strYearMonth[0]+”-”+strYearMonth[1]+”-”+strFormat(vObject.innerHTML,2);

vObject.style.backgroundColor=”#FFFFFF”;

}

//元素中鼠标按下[显示面板]

function onMouseDown()

{

if(element.value)

{strDate=element.value;}

else

{strDate=getToday();}

for(iRowCount=6;iRowCount>=1;iRowCount–)

{

vTable.deleteRow(iRowCount);

}

initDayCell();

showDate();

}

//文档中鼠标按下[隐藏面板]

function onDocumentMouseDown()

{

if(element.contains(event.srcElement))

{

return;

}

if(vDiv.contains(event.srcElement))

{

return;

}

hideDate();

strDate=”";

}

//库函数

//显示面板

function showDate()

{

vDiv.style.display=”";

vDiv.style.left=getElementDefineLeft(element);

vDiv.style.top=getElementDefineTop(element)+element.offsetHeight;

element.document.attachEvent(‘onmousedown’,onDocumentMouseDown);

}

//隐藏面板

function hideDate()

{

vDiv.style.display=”none”;

vDiv.style.left=0;

vDiv.style.top=0;

element.document.detachEvent(“onmousedown”,onDocumentMouseDown);

}

//取元素绝对位置Left

function getElementDefineLeft(vObject)

{

var iElementLeft=vObject.offsetLeft;

while(vObject=vObject.offsetParent)

{

iElementLeft+=vObject.offsetLeft;

}

return iElementLeft;

}

//取元素绝对位置Top

function getElementDefineTop(vObject)

{

var iElementTop=vObject.offsetTop;

while(vObject=vObject.offsetParent)

{

iElementTop+=vObject.offsetTop;

}

return iElementTop;

}

//格式化串

function strFormat(str,iLen)

{

if(str.length<iLen)

{

for(iIndex=0;iIndex<iLen-str.length;iIndex++)

{

str=”0″+str;

}

return str;

}

else

{return str;}

}

//获取今天日期

function getToday()

{

var vNow=new Date();

return strFormat(vNow.getYear(),4)+”-”+strFormat(vNow.getMonth()+1,2)+”-”+strFormat(vNow.getDate(),2);

}

//计算某年某月某日返回年

function getDateYear()

{

var strYearMonth=strDate.split(“-”);

return eval(“1*strYearMonth[0]“);

}

//计算某年某月某日返回月

function getDateMonth()

{

var strYearMonth=strDate.split(“-”);

return eval(“1*strYearMonth[1]“);

}

//计算某年某月某日返回日

function getDateDay()

{

var strYearMonth=strDate.split(“-”);

return eval(“1*strYearMonth[2]“);

}

//计算某年某月第一天是星期几

function getYearMonthWeek()

{

var strYearMonth=strDate.split(“-”);

var vDate=new Date(strYearMonth[0],parseInt(strYearMonth[1])-1,1);

return vDate.getDay();

}

//计算某年某月天数

function getYearMonthDays()

{

var strYearMonth=strDate.split(“-”);

var vDate=new Date(strYearMonth[0],strYearMonth[1],”0″);

return vDate.getDate();

}

//

//闰年的条件是:能被4整除且不能被100整除,或能被400整除的年份是闰年.

//

</script>

</public:attach>

****************************************************

调用时的html代码

<input type=”text” style=”behavior:url(‘Date.htc’);” value=”2006-01-06″>

将图片固定在页面左上角

<SCRIPT language=JavaScript>

<!– Hide the script from old browsers –

// 1) 做一个100*25的LOGO。

if (document.images)

var staticlogo=new Image(100,25)

// 2) 设置LOGO的路径。

staticlogo.src=”wait.gif”

// 3) 以下是LOGO代表的连接。

var logolink=”#”

// 4) 设置ALT属性。

var alttext=”快乐点滴”

// 5) 设置下列属性为 1或者0(1是IE特有的,使LOGO隐现)

var fadeintoview=1

/* 6) 最后设置LOGO显示的时间,例如12 秒,数值为0表示一直显示

*/

var visibleduration=0

/////////////////////////以下不要改变/////////////////////////

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers)

setTimeout(“window.onresize=regenerate”,400)

}

var fadeset=”

if (fadeintoview)

fadeset=”filter:alpha(opacity=0)”

if (document.all)

document.write(‘<span id=”logo”" style=”‘+fadeset+’;position:absolute;top:100;width:’+staticlogo.width+’;height:’+staticlogo.height+’”></span>’)

function bringintoview(){

if (logo.filters.alpha.opacity<=95)

logo.filters.alpha.opacity+=5

else{

clearInterval(viewit)

if (visibleduration!=0)

setTimeout(“logo.style.visibility=’hidden’”,visibleduration*1000)

}

}

function createlogo(){

staticimage=new Layer(100)

staticimage.left=-300

staticimage.top=120

staticimage.document.write(‘<a href=”‘+logolink+’”><img src=”‘+staticlogo.src+’” border=0 alt=”‘+alttext+’”></a>’)

staticimage.document.close()

staticimage.visibility=”show”

regenerate2()

staticitns()

}

if (document.layers)

window.onload=createlogo;

if (document.all){

w=2

h=2

logo.style.left=w

logo.style.top=h

}

function logoit(){

var w2=document.body.scrollLeft+w

var h2=document.body.scrollTop+h

logo.style.left=w2

logo.style.top=h2

}

function logoit2(){

staticimage.left=pageXOffset+2

staticimage.top=pageYOffset+2

}

function insertimage(){

logo.innerHTML=’<a href=”‘+logolink+’”><img src=”‘+staticlogo.src+’” border=0 alt=”‘+alttext+’”></a>’

if (fadeintoview)

viewit=setInterval(“bringintoview()”,100)

else{

if (visibleduration!=0)

setTimeout(“logo.style.visibility=’hidden’”,visibleduration*1000)

}

}

if (document.all){

window.onscroll=logoit

window.onresize=new Function(“window.location.reload()”)

window.onload=insertimage

}

function staticitns(){

setInterval(“logoit2()”,90)

if (visibleduration!=0)

setTimeout(“staticimage.visibility=’hide’”,visibleduration*1000)

}

//–>

</SCRIPT>

淡入淡出的文字效果

====1、以下代码放在HTML的<head></head>之间:

<script language=”JavaScript”>

<!–

function checkBrowserForVersion4(){

var x=navigator.appVersion;

y=x.substring(0,4);

if(y>=4) Effect();}

var isNav=(navigator.appName.indexOf(“Netscape”)!=-1);

var colors=new Array

(“FFFFFF”,”FFFFFF”,”FFFFFF”,”FFFFFF”,”FFFFFF”,”FFFFFF”,”FFFFFF”,”F9F9F9″,”F1F1F1″,”E9E9E9″,”E1E1E1″,”D9D9D9″,”D1D1D1″,”C9C9C9″,”C1C1C1″,”B9B9B9″,”B1B1B1″,”A9A9A9″,”A1A1A1″,”999999″,”919191″,”898989″,”818181″,”797979″,”717171″,”696969″,”616161″,”595959″,”515151″,”494949″,”414141″,”393939″,”313131″,”292929″,”212121″,”191919″,”111111″,”090909″,”000000″)

a=0,b=1

function Effect(){

color=colors[a];

//*改改下面的文字内容即可,可使用HTML语法,但是注意引号不要混用。双引号内是单引号。*//

aa=”<font size=’2′><font face=’Arial, Helvetica, sans-serif’><font color=”+color+”>请稍后 ……Wait for a moment Please!</font></font></font>”

if(isNav) {document.object1.document.write(aa);document.object1.document.close();}

else object1.innerHTML=aa

a+=b;if (a==38) b-=2;if (a==0) b+=2;xx=setTimeout(“Effect()”,10);}

//–>

</script>

====2、以下代码放在HTML的<body></body>之间[适当的位置]:

<body onload=”checkBrowserForVersion4()” >

<div id=”object1″ style=”position:absolute; visibility:show; left:181px; top:113px; z-index:2″></div>

====3、只要改变上面的TOP值和LEFT值即可确定文字显示的绝对位置。TOP表示文字距离屏幕顶部的距离(象素),LEFT是离屏幕左侧的距离。上面有一大堆乱七八糟的字符是确定渐变的颜色数组。

CSS+JS 表格隔行换色

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

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

<title>表格隔行换色</title>

<style type=”text/css” media=”screen”>

<!– /* PR-CSS */

table {border-collapse:collapse;border:solid #999;border-width:1px 0 0 1px;}

table td {border:solid #999;border-width:0 1px 1px 0;}

tr.t1 td {background-color:#fff;}/* 第一行的背景色 */

tr.t2 td {background-color:#eee;}/* 第二行的背景色 */

tr.t3 td {background-color:#ccc;}/* 鼠标经过时的背景色 */

–>

</style>

</head>

<body>

<table id=”tab”>

<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>

</table>

<script type=”text/javascript”>

<!–

var Ptr=document.getElementById(“tab”).getElementsByTagName(“tr”);

function $() {

for (i=1;i<Ptr.length+1;i++) {

Ptr[i-1].className = (i%2>0)?”t1″:”t2″;

}

}

window.onload=$;

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

Ptr[i].onmouseover=function(){

this.tmpClass=this.className;

this.className = “t3″;

};

Ptr[i].onmouseout=function(){

this.className=this.tmpClass;

};

}

//–>

</script>

</body>

</html>

PHP+Ajax注册验证

前台(reg.html):

<html>

<head>

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

<title>Ajax Example</title>

<script type=”text/javascript”>

var xmlobj; //定义XMLHttpRequest对象

function CreateXMLHttpRequest()

{

if(window.XMLHttpRequest)

{//Mozilla浏览器

xmlobj=new XMLHttpRequest();

if(xmlobj.overrideMimeType)

{//设置MIME类别

xmlobj.overrideMimeType(“text/xml”);

}

}

else if(window.ActiveXObject)

{//IE浏览器

try

{

xmlobj=new ActiveXObject(“Msxml2.XMLHttp”);

}

catch(e)

{

try

{

xmlobj=new ActiveXobject(“Microsoft.XMLHttp”);

}

catch(e)

{

}

}

}

}

function Validate() //主程序函数

{

CreateXMLHttpRequest(); //创建对象

var showurl = “show.php?username=” + document.getElementById (“username”).value; //构造URL

xmlobj.open(“GET”, showurl, true); //调用validate.php

xmlobj.onreadystatechange = StatHandler; //判断URL调用的状态值并处理

xmlobj.send(null); //设置为不发送给服务器任何数据

}

function StatHandler() //用于处理状态的函数

{

if(xmlobj.readyState == 4 && xmlobj.status == 200) //如果URL成功访问,则输出网页

{

document.getElementById(“msg”).innerHTML=xmlobj.responseText ;

}

}

</script>

</head>

<body>

<p><form action=”#”>

用户名:<input type=”text” id=”username” onBlur=”Validate();” onChange=”Validate();”>

<input type=”button” value=”用户名验证” onClick=”Validate();”>

<div id=”msg”></div>

</form></p>

</body>

</html>

后台(show.php):

<?php

$conn = mysql_connect(“localhost”, “root”, “123456″);

$user = $_GET["username"];

$querySQL = “SELECT * FROM users WHERE name = ‘”.$user.”‘”;

mysql_select_db(“users”, $conn);

$rs = mysql_query($querySQL, $conn);

$rs_cnt = mysql_num_rows($rs);

if($rs_cnt==1)

{

echo “<font color=RED>该用户名已被人使用</font>”;

}

else if($rs_cnt==0)

{

echo “<font color=GREEN>该用户名未被人使用</font>”;

}

else

echo “<font color=RED>用户名验证程序出错</font>”;

?>

Twitter Delicious Facebook Digg Stumbleupon Favorites 更多
如非标明[原创]的内容均来自互联网,如有侵权请来信告知以便删除。