JS代码判断集锦（之二）
<INPUT TYPE="button" value="登录"??tabindex="4">
<INPUT TYPE="button" value="注册"??tabindex="4">
function trim(inputstr) //去处空格,在获取客户端录入的表单信息前，
都先trim一下再提交 例如:“form1.org_name.value = trim(form1.org_name.value);”
{
if(!inputstr.length>0) return "";
var starts=0;
var ends=inputstr.length;
while(starts<ends)
{
if(inputstr.substring(starts,starts+1)==" ")
starts++;
else
break;
}
while(starts<ends)
{
if(inputstr.substring(ends-1,ends)==" ")
ends--;
else
break;
}
return inputstr.substring(starts,ends);
}
function isvalidcode(inputs) //校验邮政编码
{
var i,temp;
var isvalidcode = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0||inputstr.length!=6) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9"))
{
isvalidcode=false;
break;
}
}
return isvalidcode;
}
function isvalidtel(inputs) //校验电话号码
{
var i,temp;
var isvalidtel = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9" || temp=="-"))
{
isvalidtel=false;
break;
}
}
return isvalidtel;
}
function isrealnum(inputs) //校验实数（含小数点）
{
var i,temp;
var isrealnum = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9" || temp=="."))
{
isrealnum=false;
break;
}
}
return isrealnum;
}
function isnumeric(inputs) //校验是否整数
{
var i,temp;
var isnumeric = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0) return false;
//isvalid = true;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9"))
{
isnumeric=false;
break;
}
}
return isnumeric;
}
function isvalidide(inputs) //校验身份证
{
var i,temp;
var isvalidide = true;
inputstr=trim(inputs);
if(inputstr.length == null || inputstr.length == 0 || (inputstr.length != 15 && inputstr.length != 18)) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp>="0" && temp<="9") || temp == "x" || temp == "X"))
{
isvalidide=false;
break;
}
}
return isvalidide;
}
function isvalidname(inputs) //校验账号2~15位（即只能是英文字母和数字组成的串）
{
var i,temp;
var isvalidname = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0 || inputstr.length > 15 || inputstr.length < 2) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))
{
isvalidname=false;
break;
}
}
return isvalidname;
}
function isvalidphoto(inputs) //校验照片扩展名
{
var i,temp;
var isvalidphoto = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0) return true; //没有相片也允许的
temp=inputstr.substring(inputstr.lastIndexOf(".")+1);
temp = temp.toLowerCase();
if(!(temp == "bmp" || temp == "jpg" || temp == "gif"))
{
isvalidphoto=false;
}
return isvalidphoto;
}
function isvalidzgh(inputs) //校验职工号8位（即只能是英文字母和数字组成的串）
{
var i,temp;
var isvalidzgh = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0 || inputstr.length != 8) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))
{
isvalidzgh=false;
break;
}
}
return isvalidzgh;
}
function isvalidxh(inputs) //校验学号7位（即只能是英文字母和数字组成的串）
{
var i,temp;
var isvalidxh = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0 || inputstr.length != 7) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))
{
isvalidxh=false;
break;
}
}
return isvalidxh;
}
function isvalidkcid(inputs) //校验课程编号5位（即只能是数字组成的串）
{
var i,temp;
var isvalidkcid = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0||inputstr.length!=5) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9"))
{
isvalidkcid=false;
break;
}
}
return isvalidkcid;
}
function isvalidnamee(inputs) //校验账号4~20位（即只能是英文字母和数字组成的串）
{
var i,temp;
var isvalidname = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0 || inputstr.length > 20 || inputstr.length < 4) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))
{
isvalidname=false;
break;
}
}
return isvalidname;
}
<Script language="JavaScript">
function login()
{
form1.UNAME.value = trim(form1.UNAME.value);
form1.PWD.value = trim(form1.PWD.value);
form1.PWD2.value = trim(form1.PWD2.value);
form1.EMAIL.value = trim(form1.EMAIL.value);
form1.NC.value = trim(form1.NC.value);
if(!isvalidname(form1.UNAME.value))
{
alert("请您注意:用户名必须为『2~15位英文或数字』!");
form1.UNAME.focus();
return false;
}
else if(!isvalidname(form1.PWD.value))
{
alert("请您注意:密码必须为『2~15位英文或数字』!");
form1.PWD.focus();
return false;
}
else if(!isvalidname(form1.PWD2.value))
{
alert("请您注意:密码确认也必须为『2~15位英文或数字』!");
form1.PWD2.focus();
return false;
}
else if(form1.PWD.value != form1.PWD2.value)
{
alert("两次密码不一致!");
form1.PWD.focus();
return false;
}
else if(form1.EMAIL.value == "" || form1.EMAIL.value.length > 100)
{
alert("请输入邮件!");
form1.EMAIL.focus();
return false;
}
else if(form1.NC.value == "" || form1.NC.value.length > 15)
{
alert("请输入昵称!");
form1.NC.focus();
return false;
}
else if(window.confirm("您确信提交!"))
return true;
else
return false;
}
function regedit()
{
var litop = (screen.height - 162)/2;
var lileft = (screen.width - 360)/2;
window.open("/regedit.aspx", "reg", "titlebar=no,fullscreen=no,dependent=yes,height=162,width=360,
top=" + litop + ",left=" + lileft + ",
toolbar=no,menubar=no,scrollbars=no,resizable=no,
channelmode=no,status=no,location=no,directories=no");
}
</Script>
<INPUT TYPE="button" value="登录"??tabindex="4">
<INPUT TYPE="button" value="注册"??tabindex="4">
function trim(inputstr) //去处空格,在获取客户端录入的表单信息前，
都先trim一下再提交 例如:“form1.org_name.value = trim(form1.org_name.value);”
{
if(!inputstr.length>0) return "";
var starts=0;
var ends=inputstr.length;
while(starts<ends)
{
if(inputstr.substring(starts,starts+1)==" ")
starts++;
else
break;
}
while(starts<ends)
{
if(inputstr.substring(ends-1,ends)==" ")
ends--;
else
break;
}
return inputstr.substring(starts,ends);
}
function isvalidcode(inputs) //校验邮政编码
{
var i,temp;
var isvalidcode = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0||inputstr.length!=6) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9"))
{
isvalidcode=false;
break;
}
}
return isvalidcode;
}
function isvalidtel(inputs) //校验电话号码
{
var i,temp;
var isvalidtel = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9" || temp=="-"))
{
isvalidtel=false;
break;
}
}
return isvalidtel;
}
function isrealnum(inputs) //校验实数（含小数点）
{
var i,temp;
var isrealnum = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9" || temp=="."))
{
isrealnum=false;
break;
}
}
return isrealnum;
}
function isnumeric(inputs) //校验是否整数
{
var i,temp;
var isnumeric = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0) return false;
//isvalid = true;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9"))
{
isnumeric=false;
break;
}
}
return isnumeric;
}
function isvalidide(inputs) //校验身份证
{
var i,temp;
var isvalidide = true;
inputstr=trim(inputs);
if(inputstr.length == null || inputstr.length == 0 || (inputstr.length != 15 && inputstr.length != 18)) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp>="0" && temp<="9") || temp == "x" || temp == "X"))
{
isvalidide=false;
break;
}
}
return isvalidide;
}
function isvalidname(inputs) //校验账号2~15位（即只能是英文字母和数字组成的串）
{
var i,temp;
var isvalidname = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0 || inputstr.length > 15 || inputstr.length < 2) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))
{
isvalidname=false;
break;
}
}
return isvalidname;
}
function isvalidphoto(inputs) //校验照片扩展名
{
var i,temp;
var isvalidphoto = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0) return true; //没有相片也允许的
temp=inputstr.substring(inputstr.lastIndexOf(".")+1);
temp = temp.toLowerCase();
if(!(temp == "bmp" || temp == "jpg" || temp == "gif"))
{
isvalidphoto=false;
}
return isvalidphoto;
}
function isvalidzgh(inputs) //校验职工号8位（即只能是英文字母和数字组成的串）
{
var i,temp;
var isvalidzgh = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0 || inputstr.length != 8) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))
{
isvalidzgh=false;
break;
}
}
return isvalidzgh;
}
function isvalidxh(inputs) //校验学号7位（即只能是英文字母和数字组成的串）
{
var i,temp;
var isvalidxh = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0 || inputstr.length != 7) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))
{
isvalidxh=false;
break;
}
}
return isvalidxh;
}
function isvalidkcid(inputs) //校验课程编号5位（即只能是数字组成的串）
{
var i,temp;
var isvalidkcid = true;
inputstr=trim(inputs);
if(inputstr.length==null||inputstr.length==0||inputstr.length!=5) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!(temp>="0" && temp<="9"))
{
isvalidkcid=false;
break;
}
}
return isvalidkcid;
}
function isvalidnamee(inputs) //校验账号4~20位（即只能是英文字母和数字组成的串）
{
var i,temp;
var isvalidname = true;
inputstr=trim(inputs);
if(inputstr.length==null || inputstr.length==0 || inputstr.length > 20 || inputstr.length < 4) return false;
for(i=0;i<inputstr.length;i++)
{
temp=inputstr.substring(i,i+1);
if(!((temp >= "0" && temp <= "9") || (temp >= "a" && temp <= "z") || (temp >= "A" && temp <= "Z")))
{
isvalidname=false;
break;
}
}
return isvalidname;
}
<Script language="JavaScript">
function login()
{
form1.UNAME.value = trim(form1.UNAME.value);
form1.PWD.value = trim(form1.PWD.value);
form1.PWD2.value = trim(form1.PWD2.value);
form1.EMAIL.value = trim(form1.EMAIL.value);
form1.NC.value = trim(form1.NC.value);
if(!isvalidname(form1.UNAME.value))
{
alert("请您注意:用户名必须为『2~15位英文或数字』!");
form1.UNAME.focus();
return false;
}
else if(!isvalidname(form1.PWD.value))
{
alert("请您注意:密码必须为『2~15位英文或数字』!");
form1.PWD.focus();
return false;
}
else if(!isvalidname(form1.PWD2.value))
{
alert("请您注意:密码确认也必须为『2~15位英文或数字』!");
form1.PWD2.focus();
return false;
}
else if(form1.PWD.value != form1.PWD2.value)
{
alert("两次密码不一致!");
form1.PWD.focus();
return false;
}
else if(form1.EMAIL.value == "" || form1.EMAIL.value.length > 100)
{
alert("请输入邮件!");
form1.EMAIL.focus();
return false;
}
else if(form1.NC.value == "" || form1.NC.value.length > 15)
{
alert("请输入昵称!");
form1.NC.focus();
return false;
}
else if(window.confirm("您确信提交!"))
return true;
else
return false;
}
function regedit()
{
var litop = (screen.height - 162)/2;
var lileft = (screen.width - 360)/2;
window.open("/regedit.aspx", "reg", "titlebar=no,fullscreen=no,dependent=yes,height=162,width=360,
top=" + litop + ",left=" + lileft + ",
toolbar=no,menubar=no,scrollbars=no,resizable=no,
channelmode=no,status=no,location=no,directories=no");
}
</Script>
?
1. 禁止复制(copy),禁用鼠标右键!
<SCRIPT>
//加入页面保护
function rf()
{return false; }
document.oncontextmenu = rf
function keydown()
{if(event.ctrlKey ==true || event.keyCode ==93 || event.shiftKey ==true){return false;} }
document.onkeydown =keydown
function drag()
{return false;}
document.ondragstart=drag
function stopmouse(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2))
return false;
else if
(navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
alert("版权没有,但别复制 ：）");
return false;
}
return true;
}
document.onmousedown=stopmouse;
if (document.layers)
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=stopmouse;
</SCRIPT>
<script language="javascript">
function JM_cc(ob){
var obj=MM_findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
</script>
2. JS和HTML互转
<body>
<style>
body{font-size:9pt}
textarea {color="#707888";font-family:"verdana"}
.inputs {color="#707888";border:1px solid;background:#f4f4f4}
</style>
在这里输入你需要转换的格式，可以是JavaScript也可以是DHtml.
<br>
<textarea id="codes" style="width:730;height:300">
</textarea>
<br>
<button??class="inputs">
清除输出
</button>
<button??class="inputs">
全选代码
</button>
<button??class="inputs">
拷贝代码
</button>
<button??class="inputs">
粘贴代码
</button>
<button??class="inputs">
Js转Html
</button>
<button??class="inputs">
Html转Js
</button>
<button??class="inputs">
点击显示源文件
</button>
<button??class="inputs">
预览代码[F12]
</button>
<br>
这个是输出格式的窗口:
<br>
<textarea id="outputs" style="width:730;height:300"></textarea>
<br>
一个不好的消息:这个Js转Html部分现在只是支持由这个程序生成的
<br>
作者:FlashSoft2000 QQ:14433548
<input id="hide" style='display:none'>
<script>
//定义title
document.title="多功能网页转换"
//显示网页源文件
function writes()
{
outputs.value=document.body.outerHTML;
}
//清除输出窗口
function clears()
{
outputs.innerHTML='';
}
//替换特定字符
//n1字符串,n2要替换的字,n3替换的字
function commute(n1,n2,n3)
{
var a1,a2,a3=0,a0=''
a1=n1.length;
a2=n2.length;
for(x=0;x<=(a1-a2);x++)
{
if(n1.substr(x,a2)==n2)
{
a0+=n1.substring(a3,x);
a0+=n3;
x+=(a2-1);
a3=x+1;
}
}
if(a3<a1)a0+=n1.substring(a3,a1)
{
return a0;
}
}
//转换JavaScript为DHtml
function js2html()
{
hide.value=codes.value
hide.value=commute(hide.value,'\\"','"');
hide.value=commute(hide.value,'document.write("','');
hide.value=commute(hide.value,'")','');
hide.value=commute(hide.value,'<script>','');
hide.value=commute(hide.value,'<\/script>','');
outputs.value=hide.value
}
//转换DHtml为JavaScript
function html2js()
{
hide.value=codes.value
hide.value=commute(hide.value,'"','\\"');
hide.value=commute(hide.value,'\\','\\\\');
hide.value=commute(hide.value,'<\/script>','<\\/script>');
outputs.value="<script>document.write(\""+hide.value+"\")<\/script>"
}
//预览代码
function seeHtm()
{
open().document.write("<title>测试代码窗口</title>"+outputs.value);
}
//用快捷键F12预览
document.onkeydown=seeHtms
function seeHtms()
{
if((event.keyCode==123))
{
open().document.write("<title>测试代码窗口</title>"+outputs.value);
}
}
//全选代码
function ta()
{
outputs.select()
}
//拷贝代码
function tc()
{
document.execCommand("Copy")
}
//粘贴代码
function tp()
{
outputs.focus()
document.execCommand("Paste")
}
</script>
<SCRIPT>
//加入页面保护
function rf()
{return false; }
document.oncontextmenu = rf
function keydown()
{if(event.ctrlKey ==true || event.keyCode ==93 || event.shiftKey ==true){return false;} }
document.onkeydown =keydown
function drag()
{return false;}
document.ondragstart=drag
function stopmouse(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2))
return false;
else if
(navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
alert("版权没有,但别复制 ：）");
return false;
}
return true;
}
document.onmousedown=stopmouse;
if (document.layers)
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=stopmouse;
</SCRIPT>
<script language="javascript">
function JM_cc(ob){
var obj=MM_findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
</script>
2. JS和HTML互转
<body>
<style>
body{font-size:9pt}
textarea {color="#707888";font-family:"verdana"}
.inputs {color="#707888";border:1px solid;background:#f4f4f4}
</style>
在这里输入你需要转换的格式，可以是JavaScript也可以是DHtml.
<br>
<textarea id="codes" style="width:730;height:300">
</textarea>
<br>
<button??class="inputs">
清除输出
</button>
<button??class="inputs">
全选代码
</button>
<button??class="inputs">
拷贝代码
</button>
<button??class="inputs">
粘贴代码
</button>
<button??class="inputs">
Js转Html
</button>
<button??class="inputs">
Html转Js
</button>
<button??class="inputs">
点击显示源文件
</button>
<button??class="inputs">
预览代码[F12]
</button>
<br>
这个是输出格式的窗口:
<br>
<textarea id="outputs" style="width:730;height:300"></textarea>
<br>
一个不好的消息:这个Js转Html部分现在只是支持由这个程序生成的
<br>
作者:FlashSoft2000 QQ:14433548
<input id="hide" style='display:none'>
<script>
//定义title
document.title="多功能网页转换"
//显示网页源文件
function writes()
{
outputs.value=document.body.outerHTML;
}
//清除输出窗口
function clears()
{
outputs.innerHTML='';
}
//替换特定字符
//n1字符串,n2要替换的字,n3替换的字
function commute(n1,n2,n3)
{
var a1,a2,a3=0,a0=''
a1=n1.length;
a2=n2.length;
for(x=0;x<=(a1-a2);x++)
{
if(n1.substr(x,a2)==n2)
{
a0+=n1.substring(a3,x);
a0+=n3;
x+=(a2-1);
a3=x+1;
}
}
if(a3<a1)a0+=n1.substring(a3,a1)
{
return a0;
}
}
//转换JavaScript为DHtml
function js2html()
{
hide.value=codes.value
hide.value=commute(hide.value,'\\"','"');
hide.value=commute(hide.value,'document.write("','');
hide.value=commute(hide.value,'")','');
hide.value=commute(hide.value,'<script>','');
hide.value=commute(hide.value,'<\/script>','');
outputs.value=hide.value
}
//转换DHtml为JavaScript
function html2js()
{
hide.value=codes.value
hide.value=commute(hide.value,'"','\\"');
hide.value=commute(hide.value,'\\','\\\\');
hide.value=commute(hide.value,'<\/script>','<\\/script>');
outputs.value="<script>document.write(\""+hide.value+"\")<\/script>"
}
//预览代码
function seeHtm()
{
open().document.write("<title>测试代码窗口</title>"+outputs.value);
}
//用快捷键F12预览
document.onkeydown=seeHtms
function seeHtms()
{
if((event.keyCode==123))
{
open().document.write("<title>测试代码窗口</title>"+outputs.value);
}
}
//全选代码
function ta()
{
outputs.select()
}
//拷贝代码
function tc()
{
document.execCommand("Copy")
}
//粘贴代码
function tp()
{
outputs.focus()
document.execCommand("Paste")
}
</script>
?
广告JS代码效果大全
1.[普通效果]
? ? 现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：
var delta=0.015
var collection;
? ? function floaters() {
? ? this.items = [];
? ? this.addItem =
function(id,x,y,content)
? ? {
? ? document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
? ?
? ? var newItem = {};
? ? newItem.object = document.getElementById(id);
? ? newItem.x = x;
? ? newItem.y = y;
? ?
? ? this.items[this.items.length] = newItem;
? ? }
? ? this.play =
function()
? ? {
? ? collection =
this.items
? ? setInterval('play()',10);
? ? }
? ? }
? ? function play()
? ? {
? ? if(screen.width<=800)
? ? {
? ? for(var i=0;i<collection.length;i++)
? ? {
? ? collection.object.style.display = 'none';
? ? }
? ? return;
? ? }
? ? for(var i=0;i<collection.length;i++)
? ? {
? ? var followObj = collection.object;
? ? var followObj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
? ? var followObj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.y);
? ?
? ? if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
? ? var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
? ? dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
? ? followObj.style.left=followObj.offsetLeft+dx;
? ? }
? ?
? ? if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
? ? var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
? ? dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
? ? followObj.style.top=followObj.offsetTop+dy;
? ? }
? ? followObj.style.display = '';
? ? }
? ? }
? ?
? ? var theFloaters =
new floaters();
? ? theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>' target=_blank);
? ? theFloaters.addItem('followDiv2',0,0,'<br><a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>' target=_blank);
? ? theFloaters.play();
把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可！注意修改广告图片地址和连接地址！
1.[普通效果]
? ? 现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：
var delta=0.015
var collection;
? ? function floaters() {
? ? this.items = [];
? ? this.addItem =
function(id,x,y,content)
? ? {
? ? document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
? ?
? ? var newItem = {};
? ? newItem.object = document.getElementById(id);
? ? newItem.x = x;
? ? newItem.y = y;
? ?
? ? this.items[this.items.length] = newItem;
? ? }
? ? this.play =
function()
? ? {
? ? collection =
this.items
? ? setInterval('play()',10);
? ? }
? ? }
? ? function play()
? ? {
? ? if(screen.width<=800)
? ? {
? ? for(var i=0;i<collection.length;i++)
? ? {
? ? collection.object.style.display = 'none';
? ? }
? ? return;
? ? }
? ? for(var i=0;i<collection.length;i++)
? ? {
? ? var followObj = collection.object;
? ? var followObj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
? ? var followObj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.y);
? ?
? ? if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
? ? var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
? ? dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
? ? followObj.style.left=followObj.offsetLeft+dx;
? ? }
? ?
? ? if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
? ? var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
? ? dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
? ? followObj.style.top=followObj.offsetTop+dy;
? ? }
? ? followObj.style.display = '';
? ? }
? ? }
? ?
? ? var theFloaters =
new floaters();
? ? theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>' target=_blank);
? ? theFloaters.addItem('followDiv2',0,0,'<br><a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>' target=_blank);
? ? theFloaters.play();
把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可！注意修改广告图片地址和连接地址！
?
广告JS代码效果大全
2.[鼠标感应]
? ? 与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：
function bigshow(){
? ? document.all.div_250.style.visibility = 'visible';
? ? document.all.div_80.style.visibility = 'hidden';
? ? }
? ? function bighide(){
? ? document.all.div_80.style.visibility = 'visible';
? ? document.all.div_250.style.visibility = 'hidden';
? ? }
? ?
? ? var ad_80= new Array(1);
? ? var ad_250= new Array(1);
? ?
? ? ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.gif border=0></a>";
? ? ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad2.gif border=0></a>";
? ?
? ? var imgheight;
? ? var fubioleft;
? ? window.screen.width>800 ? fubioleft=15:fubioleft=15
? ?
? ? document.write('<DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
? ?
? ? ad_now = new Date();
? ? ad_id= ad_now.getSeconds() %1
? ?
? ? var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();>";
? ? var adhead2="</div><div id=div_250 style='position:absolute; visibility: hidden; z-index:13;width: 80; height: 60' onMouseOut=bighide();>";
? ?
? ? //var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers(\"div_250\",\"\",\"hide\")' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")'>";
? ? //var adhead2="</div><div id=div_250 style='position:absolute; z-index:21;visibility: hidden; width: 80; height: 60' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")' onMouseOut='MM_showHideLayers(\"div_250\",\"\",\"hide\")'>";
? ?
? ? document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div>");
? ?
? ? document.write ("</div>");
? ? self.onError=null;
? ? currentX = currentY = 0;
? ? whichIt = null;
? ? lastScrollX = 0; lastScrollY = 0;
? ? NS = (document.layers) ? 1 : 0;
? ? IE = (document.all) ? 1: 0;
? ? function heartBeat() {
? ? if(IE) {
? ? diffY = document.body.scrollTop;
? ? diffX = document.body.scrollLeft; }
? ? if(NS) {
? ? diffY = self.pageYOffset; diffX = self.pageXOffset; }
? ? if(diffY != lastScrollY) {
? ? percent = .5 * (diffY - lastScrollY);
? ? if(percent > 0) percent = Math.ceil(percent);
? ? else percent = Math.floor(percent);
? ? if(IE) document.all.floater_left.style.pixelTop += percent;
? ? if(NS) document.floater_left.top += percent;
? ? lastScrollY = lastScrollY + percent;
? ? }
? ? if(diffX != lastScrollX) {
? ? percent = .5 * (diffX - lastScrollX);
? ? if(percent > 0) percent = Math.ceil(percent);
? ? else percent = Math.floor(percent);
? ? if(IE) document.all.floater_left.style.pixelLeft += percent;
? ? if(NS) document.floater_left.left += percent;
? ? lastScrollX = lastScrollX + percent;
? ? }
? ? }
? ?
? ? if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);
? ? var ad_250= new Array(1);
? ?
? ? ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>";
? ? ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>";
? ?
? ? var imgheight;
? ? var fubioleft;
? ? window.screen.width>800 ? fubioleft=15:fubioleft=15
? ?
? ? document.write('<DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
? ?
? ? ad_now = new Date();
? ? ad_id= ad_now.getSeconds() %1
? ?
? ? function myload()
? ? {
? ? if (navigator.appName == "Netscape")
? ? {
? ? document.div_right_80.pageX=+window.innerWidth-130;
? ? document.div_right_250.pageX=+window.innerWidth-300;
? ? mymove();
? ? }
? ? else
? ? {
? ? div_right_80.style.left=document.body.offsetWidth-130;
? ? div_right_250.style.left=document.body.offsetWidth-300;
? ? mymove();
? ? }
? ? }
? ?
? ? function mymove()
? ? {
? ? if(document.ns)
? ? {
? ? document.div_right_80.left=pageXOffset+window.innerWidth-130;
? ? document.div_right_250.left=pageXOffset+window.innerWidth-300;
? ? setTimeout("mymove();",20)
? ? }
? ? else
? ? {
? ? div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;
? ? div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;
? ? setTimeout("mymove();",20)
? ? }
? ? }
? ?
? ? var adhead1="<div id=div_right_80 style='position:absolute; width:95px; height:60px; z-index:12' onMouseOver=bigshow_right();>";
? ? var adhead2="</div><div id=div_right_250 style='position:absolute; visibility: hidden; z-index:13;width: 250; height: 250' onMouseOut=bighide_right();><div align=right>";
? ?
? ? document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");
? ?
? ? myload()
? ?
? ? document.write ("</div>");
? ? self.onError=null;
? ? currentX_right = currentY_right = 0;
? ? whichIt_right = null;
? ? lastScrollX_right = 0; lastScrollY_right = 0;
? ? NS = (document.layers) ? 1 : 0;
? ? IE = (document.all) ? 1: 0;
? ? function heartBeat_right() {
? ? if(IE) {
? ? diffY_right = document.body.scrollTop;
? ? diffX_right = document.body.scrollLeft; }
? ? if(NS) {
? ? diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }
? ? if(diffY_right != lastScrollY_right) {
? ? percent_right = .5 * (diffY_right - lastScrollY_right);
? ? if(percent_right > 0) percent_right = Math.ceil(percent_right);
? ? else percent_right = Math.floor(percent_right);
? ? if(IE) document.all.floater_right.style.pixelTop += percent_right;
? ? if(NS) document.floater_right.top += percent_right;
? ? lastScrollY_right = lastScrollY_right + percent_right;
? ? }
? ? if(diffX_right != lastScrollX_right) {
? ? percent_right = .5 * (diffX_right - lastScrollX_right);
? ? if(percent_right > 0) percent_right = Math.ceil(percent_right);
? ? else percent_right = Math.floor(percent_right);
? ? if(IE) document.all.floater_right.style.pixelLeft += percent_right;
? ? if(NS) document.floater_right.left += percent_right;
? ? lastScrollX_right = lastScrollX_right + percent_right;
? ? }
? ? }
? ?
? ? if(NS || IE) action = window.setInterval("heartBeat_right()",1);
? ? function bigshow_right(){
? ? document.all.div_right_250.style.visibility = 'visible';
? ? document.all.div_right_80.style.visibility = 'hidden';
? ? }
? ? function bighide_right(){
? ? document.all.div_right_80.style.visibility = 'visible';
? ? document.all.div_right_250.style.visibility = 'hidden';
? ? }document.write('');
? ? document.write('');
? ? document.write('');
? ?
3.[允许关闭]
? ? 与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：
var delta=0.015;
? ? var collection;
? ? var closeB=false;
? ? function floaters() {
? ? this.items = [];
? ? this.addItem = function(id,x,y,content)
? ? {
? ? document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
? ?
? ? var newItem = {};
? ? newItem.object = document.getElementById(id);
? ? newItem.x = x;
? ? newItem.y = y;
? ?
? ? this.items[this.items.length] = newItem;
? ? }
? ? this.play = function()
? ? {
? ? collection = this.items
? ? setInterval('play()',30);
? ? }
? ? }
? ? function play()
? ? {
? ? if(screen.width<=800 || closeB)
? ? {
? ? for(var i=0;i<collection.length;i++)
? ? {
? ? collection.object.style.display = 'none';
? ? }
? ? return;
? ? }
? ? for(var i=0;i<collection.length;i++)
? ? {
? ? var followObj = collection.object;
? ? var followObj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
? ? var followObj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.y);
? ?
? ? if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
? ? var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
? ? dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
? ? followObj.style.left=followObj.offsetLeft+dx;
? ? }
? ?
? ? if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
? ? var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
? ? dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
? ? followObj.style.top=followObj.offsetTop+dy;
? ? }
? ? followObj.style.display = '';
? ? }
? ? }
? ? function closeBanner()
? ? {
? ? closeB=true;
? ? return;
? ? }
? ?
? ? var theFloaters = new floaters();
? ? //
? ? theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a??href=http://www.dfeng.net target=_blank><img src=ad/doublead/right.gif width=100 height=554 border=0></a><br><br><img src=ad/doublead/close.gif >');
? ? theFloaters.addItem('followDiv2',0,0,'<a??href=http://www.dfeng.net target=_blank><img src=ad/doublead/ad_ad.gif width=100 height=400 border=0 ></a><br><br><img src=ad/doublead/close.gif >');
? ? theFloaters.play();
? ?把上面的代码分别另存为两个JS文件，然后在想实现此效果的页面用
? ?
? ? <script type="text/javascript" language="javascript1.2" src="*.js"></SCRIPT>
? ?
? ? 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！
2.[鼠标感应]
? ? 与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：
function bigshow(){
? ? document.all.div_250.style.visibility = 'visible';
? ? document.all.div_80.style.visibility = 'hidden';
? ? }
? ? function bighide(){
? ? document.all.div_80.style.visibility = 'visible';
? ? document.all.div_250.style.visibility = 'hidden';
? ? }
? ?
? ? var ad_80= new Array(1);
? ? var ad_250= new Array(1);
? ?
? ? ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.gif border=0></a>";
? ? ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad2.gif border=0></a>";
? ?
? ? var imgheight;
? ? var fubioleft;
? ? window.screen.width>800 ? fubioleft=15:fubioleft=15
? ?
? ? document.write('<DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
? ?
? ? ad_now = new Date();
? ? ad_id= ad_now.getSeconds() %1
? ?
? ? var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();>";
? ? var adhead2="</div><div id=div_250 style='position:absolute; visibility: hidden; z-index:13;width: 80; height: 60' onMouseOut=bighide();>";
? ?
? ? //var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers(\"div_250\",\"\",\"hide\")' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")'>";
? ? //var adhead2="</div><div id=div_250 style='position:absolute; z-index:21;visibility: hidden; width: 80; height: 60' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")' onMouseOut='MM_showHideLayers(\"div_250\",\"\",\"hide\")'>";
? ?
? ? document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div>");
? ?
? ? document.write ("</div>");
? ? self.onError=null;
? ? currentX = currentY = 0;
? ? whichIt = null;
? ? lastScrollX = 0; lastScrollY = 0;
? ? NS = (document.layers) ? 1 : 0;
? ? IE = (document.all) ? 1: 0;
? ? function heartBeat() {
? ? if(IE) {
? ? diffY = document.body.scrollTop;
? ? diffX = document.body.scrollLeft; }
? ? if(NS) {
? ? diffY = self.pageYOffset; diffX = self.pageXOffset; }
? ? if(diffY != lastScrollY) {
? ? percent = .5 * (diffY - lastScrollY);
? ? if(percent > 0) percent = Math.ceil(percent);
? ? else percent = Math.floor(percent);
? ? if(IE) document.all.floater_left.style.pixelTop += percent;
? ? if(NS) document.floater_left.top += percent;
? ? lastScrollY = lastScrollY + percent;
? ? }
? ? if(diffX != lastScrollX) {
? ? percent = .5 * (diffX - lastScrollX);
? ? if(percent > 0) percent = Math.ceil(percent);
? ? else percent = Math.floor(percent);
? ? if(IE) document.all.floater_left.style.pixelLeft += percent;
? ? if(NS) document.floater_left.left += percent;
? ? lastScrollX = lastScrollX + percent;
? ? }
? ? }
? ?
? ? if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);
? ? var ad_250= new Array(1);
? ?
? ? ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>";
? ? ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>";
? ?
? ? var imgheight;
? ? var fubioleft;
? ? window.screen.width>800 ? fubioleft=15:fubioleft=15
? ?
? ? document.write('<DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
? ?
? ? ad_now = new Date();
? ? ad_id= ad_now.getSeconds() %1
? ?
? ? function myload()
? ? {
? ? if (navigator.appName == "Netscape")
? ? {
? ? document.div_right_80.pageX=+window.innerWidth-130;
? ? document.div_right_250.pageX=+window.innerWidth-300;
? ? mymove();
? ? }
? ? else
? ? {
? ? div_right_80.style.left=document.body.offsetWidth-130;
? ? div_right_250.style.left=document.body.offsetWidth-300;
? ? mymove();
? ? }
? ? }
? ?
? ? function mymove()
? ? {
? ? if(document.ns)
? ? {
? ? document.div_right_80.left=pageXOffset+window.innerWidth-130;
? ? document.div_right_250.left=pageXOffset+window.innerWidth-300;
? ? setTimeout("mymove();",20)
? ? }
? ? else
? ? {
? ? div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;
? ? div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;
? ? setTimeout("mymove();",20)
? ? }
? ? }
? ?
? ? var adhead1="<div id=div_right_80 style='position:absolute; width:95px; height:60px; z-index:12' onMouseOver=bigshow_right();>";
? ? var adhead2="</div><div id=div_right_250 style='position:absolute; visibility: hidden; z-index:13;width: 250; height: 250' onMouseOut=bighide_right();><div align=right>";
? ?
? ? document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");
? ?
? ? myload()
? ?
? ? document.write ("</div>");
? ? self.onError=null;
? ? currentX_right = currentY_right = 0;
? ? whichIt_right = null;
? ? lastScrollX_right = 0; lastScrollY_right = 0;
? ? NS = (document.layers) ? 1 : 0;
? ? IE = (document.all) ? 1: 0;
? ? function heartBeat_right() {
? ? if(IE) {
? ? diffY_right = document.body.scrollTop;
? ? diffX_right = document.body.scrollLeft; }
? ? if(NS) {
? ? diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }
? ? if(diffY_right != lastScrollY_right) {
? ? percent_right = .5 * (diffY_right - lastScrollY_right);
? ? if(percent_right > 0) percent_right = Math.ceil(percent_right);
? ? else percent_right = Math.floor(percent_right);
? ? if(IE) document.all.floater_right.style.pixelTop += percent_right;
? ? if(NS) document.floater_right.top += percent_right;
? ? lastScrollY_right = lastScrollY_right + percent_right;
? ? }
? ? if(diffX_right != lastScrollX_right) {
? ? percent_right = .5 * (diffX_right - lastScrollX_right);
? ? if(percent_right > 0) percent_right = Math.ceil(percent_right);
? ? else percent_right = Math.floor(percent_right);
? ? if(IE) document.all.floater_right.style.pixelLeft += percent_right;
? ? if(NS) document.floater_right.left += percent_right;
? ? lastScrollX_right = lastScrollX_right + percent_right;
? ? }
? ? }
? ?
? ? if(NS || IE) action = window.setInterval("heartBeat_right()",1);
? ? function bigshow_right(){
? ? document.all.div_right_250.style.visibility = 'visible';
? ? document.all.div_right_80.style.visibility = 'hidden';
? ? }
? ? function bighide_right(){
? ? document.all.div_right_80.style.visibility = 'visible';
? ? document.all.div_right_250.style.visibility = 'hidden';
? ? }document.write('');
? ? document.write('');
? ? document.write('');
? ?
3.[允许关闭]
? ? 与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：
var delta=0.015;
? ? var collection;
? ? var closeB=false;
? ? function floaters() {
? ? this.items = [];
? ? this.addItem = function(id,x,y,content)
? ? {
? ? document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
? ?
? ? var newItem = {};
? ? newItem.object = document.getElementById(id);
? ? newItem.x = x;
? ? newItem.y = y;
? ?
? ? this.items[this.items.length] = newItem;
? ? }
? ? this.play = function()
? ? {
? ? collection = this.items
? ? setInterval('play()',30);
? ? }
? ? }
? ? function play()
? ? {
? ? if(screen.width<=800 || closeB)
? ? {
? ? for(var i=0;i<collection.length;i++)
? ? {
? ? collection.object.style.display = 'none';
? ? }
? ? return;
? ? }
? ? for(var i=0;i<collection.length;i++)
? ? {
? ? var followObj = collection.object;
? ? var followObj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
? ? var followObj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.y);
? ?
? ? if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
? ? var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
? ? dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
? ? followObj.style.left=followObj.offsetLeft+dx;
? ? }
? ?
? ? if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
? ? var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
? ? dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
? ? followObj.style.top=followObj.offsetTop+dy;
? ? }
? ? followObj.style.display = '';
? ? }
? ? }
? ? function closeBanner()
? ? {
? ? closeB=true;
? ? return;
? ? }
? ?
? ? var theFloaters = new floaters();
? ? //
? ? theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a??href=http://www.dfeng.net target=_blank><img src=ad/doublead/right.gif width=100 height=554 border=0></a><br><br><img src=ad/doublead/close.gif >');
? ? theFloaters.addItem('followDiv2',0,0,'<a??href=http://www.dfeng.net target=_blank><img src=ad/doublead/ad_ad.gif width=100 height=400 border=0 ></a><br><br><img src=ad/doublead/close.gif >');
? ? theFloaters.play();
? ?把上面的代码分别另存为两个JS文件，然后在想实现此效果的页面用
? ?
? ? <script type="text/javascript" language="javascript1.2" src="*.js"></SCRIPT>
? ?
? ? 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！
广告JS代码效果大全
4.[浮动对联广告---之左侧代码]
? ?
? ? 如果您想只有一侧显示的话,下面是实现左侧效果所需代码：
??var ad_float_left_src ="图片地址";
? ? var ad_float_left_url ="地址";
? ? var ad_float_left_type = "";
? ? document.ns = navigator.appName == "Microsoft Internet Explorer"
? ?
? ? var imgheight_close
? ? var imgleft
? ? window.screen.width>800 ? imgheight_close=120:imgheight_close=120
? ? window.screen.width>800 ? imgleft=8:imgleft=122
? ? function myload()
? ? {
? ? myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
? ? t-imgheight_close;
? ? myleft.style.left=imgleft;
? ? leftmove();
? ? }
? ? function leftmove()
? ? {
? ? myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
? ? t-imgheight_close;
? ? myleft.style.left=imgleft;
? ? setTimeout("leftmove();",50)
? ? }
? ?
? ? function MM_reloadPage(init) { //reloads the window if Nav4
? ? resized
? ? if (init==true) with (navigator) {if ((appName=="Netscape")&&
? ? (parseInt(appVersion)==4)) {
? ? document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
? ? onresize=MM_reloadPage; }}
? ? else if (innerWidth!=document.MM_pgW || innerHeight!
? ? =document.MM_pgH) location.reload();
? ? }
? ? MM_reloadPage(true)
? ?
? ? function close_float_left(){
? ? myleft.style.visibility='hidden';
? ? }
? ?
? ? document.write("<div id=myleft style='position:
? ? absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>"
? ? +"<style>"
? ? +"A.closefloat:link,A.refloat:visited {text-
? ? decoration:none;color:#000000;font-size:12px}"
? ? +"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"
? ? +"</style>"
? ? +"<table border=0 cellpadding=0 cellspacing=0><tr><td>");
? ?
? ? if(document.ns){
? ? if(ad_float_left_type!="swf")
? ? document.write("<a href='" + ad_float_left_url + "' target
? ? = '_blank'><img src='" + ad_float_left_src + "' WIDTH=88
? ? height=31 border=0></a>");
? ? else
? ? document.write("<EMBED src='" + ad_float_left_src + "'
? ? quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-
? ? flash' id=changhongout ></EMBED>");
? ?
? ? document.write("</td></tr><tr><td width=80 height=20
? ? align=right><a href='javascript:close_float_left( target=_blank);void(0);'
? ? class=closefloat><b><font color=#ff0000>关闭</font></b></a></td></tr>"
? ? +"</table>"
? ? +"</div>");
? ?
? ? myload()}
? ?
[ 5.背投广告]
<script language="javascript">
? ? <!--
? ? var sohu=window.open('http://www.sohu.com');
? ? var ads=window.open('about:blank','ads','width=700,height=400');
? ? sohu.focus();
? ? ads.document.open();
? ? ads.document.write ("<html><head><title>ads</title></head><body>This is background ads</body></html>");
? ? ads.document.close();
? ? //-->
? ? </script>
? ?
[ 6.收缩广告]
? ?
? ? <script language="javascript">
? ? <!--
? ? var bwidth=800;
? ? var bheight=400;
? ? function go() {
? ? bwidth = bwidth - 10;
? ? bheight = bheight - 5;
? ? if(bwidth <= 10)
? ? { ads.style.display='none';clearTimeout("my"); }
? ? else
? ? { ads.outerHTML='<span id="ads" style="width:'+bwidth+'px;height:'+bheight+'px;background-color:#0099FF;"></span>';}
? ? var my=setTimeout("go()",50);
? ? }
? ? setTimeout("go()",6000);
? ? //-->
? ? </script>
? ? <body topmargin="0" leftmargin="0">
? ? <div align="center"><span id="ads" style="width:800px;height:400px;background-color:#0099FF"></span></div>
? ? </body>
??? 把上面的代码另存为三个*.JS文件，然后在想实现此效果的页面用
? ???
? ? CODE:
? ? <script src="*.js"></SCRIPT>
? ?
? ? 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整
4.[浮动对联广告---之左侧代码]
? ?
? ? 如果您想只有一侧显示的话,下面是实现左侧效果所需代码：
??var ad_float_left_src ="图片地址";
? ? var ad_float_left_url ="地址";
? ? var ad_float_left_type = "";
? ? document.ns = navigator.appName == "Microsoft Internet Explorer"
? ?
? ? var imgheight_close
? ? var imgleft
? ? window.screen.width>800 ? imgheight_close=120:imgheight_close=120
? ? window.screen.width>800 ? imgleft=8:imgleft=122
? ? function myload()
? ? {
? ? myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
? ? t-imgheight_close;
? ? myleft.style.left=imgleft;
? ? leftmove();
? ? }
? ? function leftmove()
? ? {
? ? myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
? ? t-imgheight_close;
? ? myleft.style.left=imgleft;
? ? setTimeout("leftmove();",50)
? ? }
? ?
? ? function MM_reloadPage(init) { //reloads the window if Nav4
? ? resized
? ? if (init==true) with (navigator) {if ((appName=="Netscape")&&
? ? (parseInt(appVersion)==4)) {
? ? document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
? ? onresize=MM_reloadPage; }}
? ? else if (innerWidth!=document.MM_pgW || innerHeight!
? ? =document.MM_pgH) location.reload();
? ? }
? ? MM_reloadPage(true)
? ?
? ? function close_float_left(){
? ? myleft.style.visibility='hidden';
? ? }
? ?
? ? document.write("<div id=myleft style='position:
? ? absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>"
? ? +"<style>"
? ? +"A.closefloat:link,A.refloat:visited {text-
? ? decoration:none;color:#000000;font-size:12px}"
? ? +"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"
? ? +"</style>"
? ? +"<table border=0 cellpadding=0 cellspacing=0><tr><td>");
? ?
? ? if(document.ns){
? ? if(ad_float_left_type!="swf")
? ? document.write("<a href='" + ad_float_left_url + "' target
? ? = '_blank'><img src='" + ad_float_left_src + "' WIDTH=88
? ? height=31 border=0></a>");
? ? else
? ? document.write("<EMBED src='" + ad_float_left_src + "'
? ? quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-
? ? flash' id=changhongout ></EMBED>");
? ?
? ? document.write("</td></tr><tr><td width=80 height=20
? ? align=right><a href='javascript:close_float_left( target=_blank);void(0);'
? ? class=closefloat><b><font color=#ff0000>关闭</font></b></a></td></tr>"
? ? +"</table>"
? ? +"</div>");
? ?
? ? myload()}
? ?
[ 5.背投广告]
<script language="javascript">
? ? <!--
? ? var sohu=window.open('http://www.sohu.com');
? ? var ads=window.open('about:blank','ads','width=700,height=400');
? ? sohu.focus();
? ? ads.document.open();
? ? ads.document.write ("<html><head><title>ads</title></head><body>This is background ads</body></html>");
? ? ads.document.close();
? ? //-->
? ? </script>
? ?
[ 6.收缩广告]
? ?
? ? <script language="javascript">
? ? <!--
? ? var bwidth=800;
? ? var bheight=400;
? ? function go() {
? ? bwidth = bwidth - 10;
? ? bheight = bheight - 5;
? ? if(bwidth <= 10)
? ? { ads.style.display='none';clearTimeout("my"); }
? ? else
? ? { ads.outerHTML='<span id="ads" style="width:'+bwidth+'px;height:'+bheight+'px;background-color:#0099FF;"></span>';}
? ? var my=setTimeout("go()",50);
? ? }
? ? setTimeout("go()",6000);
? ? //-->
? ? </script>
? ? <body topmargin="0" leftmargin="0">
? ? <div align="center"><span id="ads" style="width:800px;height:400px;background-color:#0099FF"></span></div>
? ? </body>
??? 把上面的代码另存为三个*.JS文件，然后在想实现此效果的页面用
? ???
? ? CODE:
? ? <script src="*.js"></SCRIPT>
? ?
? ? 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整
js幻灯片播放器
var _c = 0;
var _i = 0;
var _v = 0;
var _l = 0;
var _sf = 3000;
var _html = null;
var _image = null;
var _mycars= new Array();
var _w = new Array();
var _h = new Array();
function adRotator() {}
function adRotator.add(p,w,h)
{
? ?_mycars[_c] = p;
? ?_w[_c] = w;
? ?_h[_c] = h;
? ?_c = _c + 1;
}
/* 播放设置 */
function??adRotator.loads()
{
? ?if (_i < _mycars.length && _l < 1)
? ?{
? ???_html = '<img src="' + _mycars[_i] + '" width="' + _w[_i] + '" height="' + _h[_i] + '" style="border:1px solid #CCCCCC;">'
? ???if (_v < 1)
? ???{
? ?? ???document.getElementById('image').value = _html + ',' + _i;
? ?? ???document.getElementById('rotatorPlayer').innerHTML = _html;
? ?? ???_i = _i + 1;
??document.getElementById('backs').disabled='';
? ?? ???window.setTimeout("adRotator.loads("+_i+")",_sf);
? ???}
? ?}
? ?else
? ?{
? ???_html = '<img src="' + _mycars[_i] + '" width="' + _w[_i] + '" height="' + _h[_i] + '" style="border:1px solid #CCCCCC;">'
??document.getElementById('image').value = _html + ',' + _i;
? ???document.getElementById('rotatorPlayer').innerHTML = _html;
? ?}
? ?if (_i+1 > _mycars.length)
? ?{
? ?? ?document.getElementById('stops').disabled='True';
? ?document.getElementById('play').disabled='';
? ?document.getElementById('backs').disabled='';
? ?document.getElementById('next').disabled='True';
? ?_i = 0;
? ?_v = 1;
? ?}
}
/* 播放 */
function??adRotator.play()
{
? ?_v = 0;
? ?_l = 0;
? ?adRotator.loads();
}
/* 下一张 */
function adRotator.next()
{
? ?_l = 1;
? ?if(_i+1 < _mycars.length)
? ?{
? ?? ?_i = _i + 1;
? ?document.getElementById('play').disabled='';
? ?document.getElementById('stops').disabled='True';
? ?document.getElementById('backs').disabled='';
? ?adRotator.loads();
? ?}
? ?else
? ?{
? ?? ?document.getElementById('next').disabled='True';
? ?}
}
/* 上一张 */
function adRotator.backs()
{
? ?_l = 1;
? ?if(_i-1 < 0)
? ?{
? ?? ?document.getElementById('backs').disabled='True';
? ?}
? ?else
? ?{
? ?? ?_i = _i - 1;
? ?document.getElementById('play').disabled='';
? ?document.getElementById('stops').disabled='True';
? ?document.getElementById('next').disabled='';
? ?adRotator.loads();
? ?}
}
/* 间隔时间 */
function adRotator.set()
{
? ?var _sfc = document.getElementById('second').value;
? ?if (isInteger(_sfc))
? ?{
? ???_sf = _sfc * 1000;
? ?}
? ?else
? ?{
? ???alert('提示：只能输入数字！');
? ???document.getElementById('second').value=1;
? ???document.getElementById('second').select();
? ?}
}
/* 字符检测 */
function isInteger(str)
{??
??var regu = /^[-]{0,1}[0-9]{1,}$/;
??return regu.test(str);
}
/* 暂停 */
function adRotator.stops()
{
? ?_v = 1;
}
/* 添加图片,还要加的话注意图片名字就好了,后面400,300是大小 */
adRotator.add("1.jpg",400,300);
adRotator.add("2.jpg",400,300);
adRotator.add("3.jpg",400,300);
把以上文件存为一个JS文件
在下面文件中引用即可
<style type="text/css">
<!--
body { font-size:12px;
}
input {
? ? border-right: #7b9ebd 1px solid;
padding-right: 2px;
border-top: #7b9ebd 1px solid;
padding-left: 2px;
font-size: 12px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
border-left: #7b9ebd 1px solid;
cursor: hand;
color: black;
padding-top: 2px;
border-bottom: #7b9ebd 1px solid;
}
button {
? ? border-right: #7b9ebd 1px solid;
padding-right: 2px;
border-top: #7b9ebd 1px solid;
padding-left: 2px;
font-size: 12px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
border-left: #7b9ebd 1px solid;
cursor: hand;
color: black;
padding-top: 2px;
border-bottom: #7b9ebd 1px solid;
}
-->
</style>
<script language="javascript" src="test.js">
</script>
? ???
<body >
<div id="rotatorPlayer"></div>
<input type="button" name="play" value="开始播放"??disabled="True"/>
<input type="button" name="stops" value="暂停" />
<input type="button" name="backs" value="上一张"??disabled="true"/>
<input type="button" name="next" value="下一张" />? ?
<input type="text" id="second" value="3" size="3" maxlength="2">
秒
<input type="button" value="设置时间"??/>
<input name="image" type="text" size="65"/>
一个非常棒的播放器,可惜如果图片是非常大的话,那结果有点惨!
var _c = 0;
var _i = 0;
var _v = 0;
var _l = 0;
var _sf = 3000;
var _html = null;
var _image = null;
var _mycars= new Array();
var _w = new Array();
var _h = new Array();
function adRotator() {}
function adRotator.add(p,w,h)
{
? ?_mycars[_c] = p;
? ?_w[_c] = w;
? ?_h[_c] = h;
? ?_c = _c + 1;
}
/* 播放设置 */
function??adRotator.loads()
{
? ?if (_i < _mycars.length && _l < 1)
? ?{
? ???_html = '<img src="' + _mycars[_i] + '" width="' + _w[_i] + '" height="' + _h[_i] + '" style="border:1px solid #CCCCCC;">'
? ???if (_v < 1)
? ???{
? ?? ???document.getElementById('image').value = _html + ',' + _i;
? ?? ???document.getElementById('rotatorPlayer').innerHTML = _html;
? ?? ???_i = _i + 1;
??document.getElementById('backs').disabled='';
? ?? ???window.setTimeout("adRotator.loads("+_i+")",_sf);
? ???}
? ?}
? ?else
? ?{
? ???_html = '<img src="' + _mycars[_i] + '" width="' + _w[_i] + '" height="' + _h[_i] + '" style="border:1px solid #CCCCCC;">'
??document.getElementById('image').value = _html + ',' + _i;
? ???document.getElementById('rotatorPlayer').innerHTML = _html;
? ?}
? ?if (_i+1 > _mycars.length)
? ?{
? ?? ?document.getElementById('stops').disabled='True';
? ?document.getElementById('play').disabled='';
? ?document.getElementById('backs').disabled='';
? ?document.getElementById('next').disabled='True';
? ?_i = 0;
? ?_v = 1;
? ?}
}
/* 播放 */
function??adRotator.play()
{
? ?_v = 0;
? ?_l = 0;
? ?adRotator.loads();
}
/* 下一张 */
function adRotator.next()
{
? ?_l = 1;
? ?if(_i+1 < _mycars.length)
? ?{
? ?? ?_i = _i + 1;
? ?document.getElementById('play').disabled='';
? ?document.getElementById('stops').disabled='True';
? ?document.getElementById('backs').disabled='';
? ?adRotator.loads();
? ?}
? ?else
? ?{
? ?? ?document.getElementById('next').disabled='True';
? ?}
}
/* 上一张 */
function adRotator.backs()
{
? ?_l = 1;
? ?if(_i-1 < 0)
? ?{
? ?? ?document.getElementById('backs').disabled='True';
? ?}
? ?else
? ?{
? ?? ?_i = _i - 1;
? ?document.getElementById('play').disabled='';
? ?document.getElementById('stops').disabled='True';
? ?document.getElementById('next').disabled='';
? ?adRotator.loads();
? ?}
}
/* 间隔时间 */
function adRotator.set()
{
? ?var _sfc = document.getElementById('second').value;
? ?if (isInteger(_sfc))
? ?{
? ???_sf = _sfc * 1000;
? ?}
? ?else
? ?{
? ???alert('提示：只能输入数字！');
? ???document.getElementById('second').value=1;
? ???document.getElementById('second').select();
? ?}
}
/* 字符检测 */
function isInteger(str)
{??
??var regu = /^[-]{0,1}[0-9]{1,}$/;
??return regu.test(str);
}
/* 暂停 */
function adRotator.stops()
{
? ?_v = 1;
}
/* 添加图片,还要加的话注意图片名字就好了,后面400,300是大小 */
adRotator.add("1.jpg",400,300);
adRotator.add("2.jpg",400,300);
adRotator.add("3.jpg",400,300);
把以上文件存为一个JS文件
在下面文件中引用即可
<style type="text/css">
<!--
body { font-size:12px;
}
input {
? ? border-right: #7b9ebd 1px solid;
padding-right: 2px;
border-top: #7b9ebd 1px solid;
padding-left: 2px;
font-size: 12px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
border-left: #7b9ebd 1px solid;
cursor: hand;
color: black;
padding-top: 2px;
border-bottom: #7b9ebd 1px solid;
}
button {
? ? border-right: #7b9ebd 1px solid;
padding-right: 2px;
border-top: #7b9ebd 1px solid;
padding-left: 2px;
font-size: 12px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
border-left: #7b9ebd 1px solid;
cursor: hand;
color: black;
padding-top: 2px;
border-bottom: #7b9ebd 1px solid;
}
-->
</style>
<script language="javascript" src="test.js">
</script>
? ???
<body >
<div id="rotatorPlayer"></div>
<input type="button" name="play" value="开始播放"??disabled="True"/>
<input type="button" name="stops" value="暂停" />
<input type="button" name="backs" value="上一张"??disabled="true"/>
<input type="button" name="next" value="下一张" />? ?
<input type="text" id="second" value="3" size="3" maxlength="2">
秒
<input type="button" value="设置时间"??/>
<input name="image" type="text" size="65"/>
一个非常棒的播放器,可惜如果图片是非常大的话,那结果有点惨!