文档章节

js代码大全5【学习参考】

ruyees
 ruyees
发布于 2014/10/05 11:48
字数 3948
阅读 16
收藏 0
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>
 
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>

 
广告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>
   
    调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!


广告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>
   
    调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!相应的参数可以根据页面自行调整

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"/>


一个非常棒的播放器,可惜如果图片是非常大的话,那结果有点惨!

本文转载自:http://zuoqiang.iteye.com/blog/670746

共有 人打赏支持
ruyees
粉丝 3
博文 71
码字总数 0
作品 0
深圳
产品经理
私信 提问
Web、移动开发资源、开源工具整理

整理了一些Web、移动开发资料,开源工具,供需要的朋友们查阅: Web移动开发各类网站学习资源: 成为优秀的Web移动开发者:编程资源大全 成为优秀的Web移动开发者:前端开发学习资源集合 成为...

咲晚杍
2014/03/13
0
1
JEPLUS平台JS事件的操作技巧——JEPLUS软件快速开发平台

JEPLUS平台JS事件的操作技巧 JEPLUS平台使用的是EXTJS4,很多时候一些客户不清楚平台JS事件的API怎么调用,以及JS事件API都有哪些,所以今天这个笔记就简单介绍一些JEPLUS平台JS事件的一些操...

JEPLUS
06/27
0
0
JavaScript开发工具大全

译者按: 最全的JavaScript开发工具列表,总有一款适合你! 原文: THE ULTIMATE LIST OF JAVASCRIPT TOOLS 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有...

Fundebug
2017/06/19
0
0
JavaScript面试大全(二)

eval()是做什么的? [eval()是“魔鬼”][1] null,undefined 的区别? [来看看大神阮一峰的解释吧][2] 写一个通用的事件侦听器函数。 [JS事件监听器][3] Node.js的适用场景? [NodeJS优缺点及...

百变茄
2014/06/05
0
0
网页常用分享代码大全(前端必备)

1、新浪微博 新浪微博 2、腾讯微博 腾讯微博 3、开心网

thinkyoung
2013/07/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

2135亿背后,你所不知道的那些阿里瞬间

摘要: 01 10日下午五点。 上海梅赛德斯奔驰文化中心,天猫双11前夜的“猫晚”就在离我100米的地方。 台上正彩排,鲜衣怒马,烈焰繁花。但走进导播车,白天和黑夜好像没有区别,但你知道吗,...

阿里云官方博客
38分钟前
1
0
叶曼音频

道德经 道德经01a 道德经01b

亚林瓜子
47分钟前
1
0
Go 使用channel控制并发

前言 channel一般用于协程之间的通信,channel也可以用于并发控制。比如主协程启动N个子协程,主协程等待所有子协程退出后再继续后续流程,这种场景下channel也可轻易实现。 场景示例 总结 ...

恋恋美食
今天
3
0
斐波那契堆的理解,节点mark属性和势函数

斐波那契堆 看了好多博客,都是照搬算法导论的内容,没有自己的理解,比如为什么有mark属性,势函数的作用,以及为什么叫斐波那契堆,下面说说鄙人的理解。 势函数 势函数是根节点个数加上2...

杨喆
今天
7
0
NIO源码详解

阻塞io和无阻塞io: 阻塞io是指jdk1.4之前版本面向流的io,服务端需要对每个请求建立一堆线程等待请求,而客户端发送请求后,先咨询服务端是否有线程相应,如果没有则会一直等待或者遭到拒 ...

沉稳2018
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部