对联网页特效代码

原创 2016年06月02日 12:48:52

方法一:(混合动画和图片)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,对联广告,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为符合web标准且可单独关闭的...,属于站长常用代码,更多对联广告代码请访问懒人图库JS代码频道。" />
<title>符合web标准且可单独关闭的..._懒人图库</title>

</head>
<body>

 

<SCRIPT language="JavaScript">
lastScrollY = 0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementByIdx("leftDiv").style.top = parseInt(document.getElementByIdx("leftDiv").style.top)+percent+"px";
document.getElementByIdx("rightDiv").style.top = parseInt(document.getElementByIdx("rightDiv").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
//下面这段删除后,对联将不跟随屏幕而移动。
window.setInterval("heartBeat()",1);
//-->
//关闭按钮
function close_left1(){
    left1.style.visibility='hidden';
}
function close_left2(){
    left2.style.visibility='hidden';
}
function close_right1(){
    right1.style.visibility='hidden';
}
function close_right2(){
    right2.style.visibility='hidden';
}
//显示样式
document.writeln("<style type=\"text\/css\">");
document.writeln("#leftDiv,#rightDiv{width:100px;height:100px;background-color:#fff;position:absolute;}");
document.writeln(".itemFloat{width:100px;height:auto;line-height:5px}");
document.writeln("<\/style>");
//以下为主要内容
document.writeln("<div id=\"leftDiv\" style=\"top:40px;left:5px\">");
//------左侧各块开始
//---L1
document.writeln("<div id=\"left1\" class=\"itemFloat\">");
document.writeln("<embed src=flash/100x300-left.swf width=100 height=300></embed>");
document.writeln("<br><a href=\"javascript:close_left1();\" title=\"关闭上面的广告\">×<\/a><br><br><br><br>");
document.writeln("<\/div>");
//---L2
document.writeln("<div id=\"left2\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://www.lanrentuku.com/><img border=0 src=images/100x100-left.gif></a>");
document.writeln("<br><a href=\"javascript:close_left2();\" title=\"关闭上面的广告\">×<\/a>");
document.writeln("<\/div>");
//------左侧各块结束
document.writeln("<\/div>");
document.writeln("<div id=\"rightDiv\" style=\"top:40px;right:5px\">");
//------右侧各块结束
//---R1
document.writeln("<div id=\"right1\" class=\"itemFloat\">");
document.writeln("<embed src=flash/100x300-right.swf width=100 height=300></embed>");
document.writeln("<br><a href=\"javascript:close_right1();\" title=\"关闭上面的广告\">×<\/a><br><br><br><br>");
document.writeln("<\/div>");
//---R2
document.writeln("<div id=\"right2\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://www.lanrentuku.com/><img border=0 src=images/100x100-right.gif></a>");
document.writeln("<br><a href=\"javascript:close_right2();\" title=\"关闭上面的广告\">×<\/a>");
document.writeln("<\/div>");

//------右侧各块结束
document.writeln("<\/div>");
</SCRIPT>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>

 

 

 

方法二:
<script language="JavaScript">
//左边
var left_img="<a href=http://www.webjx.com><img src=http://www.webjx.com/upfiles/20060211/20060211102048_newyear1.gif width=110 height=306 border=0></a>";

//右边
var right_img="<a href=http://www.webjx.com><img src=http://www.webjx.com/upfiles/20060211/20060211101929_newyear2.gif width=110 height=306 border=0></a>";

 


var leftimgheight
window.screen.width>800 ? leftimgheight=600:leftimgheight=100
 function myloadright()
{
myright.style.top=document.body.scrollTop+document.body.offsetHeight-leftimgheight;
myright.style.left=document.body.offsetWidth-100;
mymove();
}
 function mymove()
 {
 myright.style.top=document.body.scrollTop+document.body.offsetHeight-leftimgheight;
 myright.style.left=document.body.scrollLeft+document.body.offsetWidth-135;
 setTimeout("mymove();",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)


var imgheight
var imgleft
window.screen.width>800 ? imgheight=600:imgheight=100
window.screen.width>800 ? imgleft=3:imgleft=122
function myload()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
leftmove();
}
function leftmove()
 {
 myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
 myleft.style.left=imgleft;
 setTimeout("leftmove();",80)
 }

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)

document.write("<div id=myleft style='position: absolute;width:80;top:0;left:5;visibility: visible;z-index: 1'>"+left_img+"</div>");
myload()

document.write("<div id=myright style='position: absolute;width:80;top:0;left:578;visibility: visible;z-index: 1'>"+right_img+"</div>");
myloadright()
</script>

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

国内外 JavaScript 经典网页特效代码封装

收藏自:www.blueidea.com/ 作者:k236740 一、多样化摺叠菜单:下载 一个由老外写的折叠式垂直菜单,多样化,多功能,可自订,使用容易,支持FF。 二、CSS圆角边框:下...

网页特效代码---倒计时代码

简单的倒计时代码 var urodz= new Date("3/30/2005"); var s="今天离五一劳动节"; var now = new Date(); var ile =...

网页特效代码

  • 2013年01月18日 17:09
  • 714B
  • 下载

添加网页特效代码

  • 2007年06月11日 01:54
  • 4.33MB
  • 下载

网页特效|网页特效代码(JsHtml.cn)---左右选择添加删除内容菜单

网页特效|网页特效代码(JsHtml.cn)---左右选择添加删除内容菜单 选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选),或在选择项上双击进行添加和移除。 ...

网页特效代码集合+实例

  • 2008年09月26日 10:46
  • 537KB
  • 下载

使整个网页变黑白色(灰色)的特效代码

全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ...

网页特效代码

  • 2012年03月12日 09:17
  • 30KB
  • 下载

网页特效代码

  • 2011年12月03日 22:04
  • 56KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:对联网页特效代码
举报原因:
原因补充:

(最多只允许输入30个字)