落伍者站长论坛's Archiver

wurongzhi 发表于 2008-6-6 20:56

站点漂浮代码

站点漂浮代码   就是只有右边在动的那种

with4u 发表于 2008-6-6 21:01

这里有！[url]http://www.im286.com/viewthread.php?tid=2433445&highlight=%C6%AF%B8%A1%B4%FA%C2%EB[/url]

驴云 发表于 2008-6-6 21:02

<div id="ad" style="position:absolute"><a href="http://www.webjx.com" target="_blank"><img src=../../"http://这里放你漂浮的图片地址f" border="0"></a></div>
<script>
var x = 50,y = 60 //浮动层的初始位置，分别对应层的初始X坐标和Y坐标
var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内，xin为真是层向右移动，否则向左；yin为真是层向下移动，否则向上
var step = 1 //层移动的步长，值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒，值越小移动速度越快
var obj=document.getElementById("ad") //捕获id为ad的层作为漂浮目标
function floatAD() {
var L=T=0 //层移动范围的左边界(L)和上边界(T)坐标
var R= document.body.clientWidth-obj.offsetWidth //层移动的右边界
var B = document.body.clientHeight-obj.offsetHeight //层移动的下边界
obj.style.left = x + document.body.scrollLeft //更新层的X坐标，实现X轴方向上的运动；document.body.scrollLeft为文档区域的滚动条向右拉的距离，

西毒 发表于 2008-6-6 22:03

<html>
<head>
<title>网页对联广告</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="margin:0px;">
<div align="center">
<center>
<table border="1" width="776" height="3000" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="top"><div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>
页<br>面<br>区<br>域</div></td>
</tr>
</table>
</center>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var showad = true;
var Toppx = 60; //上端位置
var AdDivW = 100; //宽度
var AdDivH = 360; //高度
var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条
var MinScreenW = 1024; //显示广告的最小屏幕宽度象素

var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'
var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>广<br>告<br>内<br>容</div>';
document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
document.write ('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
function scall(){
if(!showad){return;}
if (window.screen.width<MinScreenW){
alert("临时提示：\n\n显示器分辨率宽度小于"+MinScreenW+",不显示广告");
showad = false;
document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
return;
}
var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;

document.getElementById("Javascript.LeftDiv").style.display="";
document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx;
document.getElementById("Javascript.LeftDiv").style.left=document.body.scrollLeft+Borderpx;
document.getElementById("Javascript.RightDiv").style.display="";
document.getElementById("Javascript.RightDiv").style.top=document.body.scrollTop+Toppx;
document.getElementById("Javascript.RightDiv").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx;
}

function hidead()
{
showad = false;
document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>
</body>
</html>

sukis 发表于 2008-6-7 00:07

好啊  我也正需要 谢谢楼上二位

jiusui 发表于 2008-6-7 00:13

推荐你到这里去下，全是实例，都做得很漂亮

懒人图库很有名气的站：

[url]http://www.lanrentuku.com/lanren/jscode/index.shtml[/url]  （这里可以找到更多的JS代码，如果这里都没有你喜欢的那就真没法啦，这里面包含的搜狐、雅虎等各类样式的JS广告代码）

[url]http://www.lanrentuku.com/lanren/jscode/jscode_7.shtml[/url] （这个页面有漂浮对联广告代码）

ywle 发表于 2008-6-7 11:19

带注释

<!--对联代码开始-->
   //<![CDATA[
   var adLeftSrc = "temp/ad3.swf"   //图片地址
   var adLeftFlash = "flash"
   var adLeftHref = "ad"
   var adLeftWidth = 95
   var adLeftHeight = 300
   var adRightSrc = "temp/jmwo.gif"//图片地址
   var adRightFlash = "img"
   var adRightHref = "about/about.aspx?id=9"
   var adRightWidth = 90
   var adRightHeight = 142
   var marginTop = 150 //在这里更改距离浏览器底端的高度
   var marginLeft = 15//在这里更改距离浏览器右端的高度
   var navUserAgent = navigator.userAgent
   function load(){
    judge();
    move();
   }
   function move() {
    judge();
    setTimeout("move();",80)
   }
   function judge(){
    if (navUserAgent.indexOf("Firefox") >= 0 || navUserAgent.indexOf("Opera") >= 0) {
     if (adLeftSrc != "") {document.getElementById("adLeftFloat").style.top =(document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + marginTop + 'px';}
     if (adRightSrc != "") {
      document.getElementById("adRightFloat").style.top =  (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) +marginTop + 'px';
      document.getElementById("adRightFloat").style.left = ((document.body.clientWidth > document.documentElement.clientWidth)?document.body.clientWidth:document.documentElement.clientWidth) - adRightWidth - marginLeft + 'px';
     }
    }
    else{
     if (adLeftSrc != "") {document.getElementById("adLeftFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + marginTop + 'px';}
     if (adRightSrc != "") {
      document.getElementById("adRightFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) +  marginTop + 'px';
      document.getElementById("adRightFloat").style.left = ((document.documentElement.clientWidth == 0)?document.body.clientWidth:document.documentElement.clientWidth) - adRightWidth - marginLeft + 'px';
     }
    }
    if (adLeftSrc != "") {document.getElementById("adLeftFloat").style.left = marginLeft + 'px';}
   }
   
   
   
   if (adLeftSrc != "") {
    if (adLeftFlash == "flash") {
    document.write("<div id=\"adLeftFloat\" style=\"position: absolute;width:" + adLeftWidth + ";height:100px; font-size:12px;\"><img src=\"images/close.gif\" width=\"12\" border=\"0\" height=\"12\" onMousedown=\"javascript:close_float_left();void(0);\";>");
   
     document.write("<div id=\"Float\" style=\"width:" + adLeftWidth + ";\"><embed src=\"" + adLeftSrc + "\" quality=\"high\"  width=\"" + adLeftWidth + "\" height=\"" + adLeftHeight + "\" type=\"application/x-shockwave-flash\"></embed></div>");
     document.write("</div>");
    }
    else{
    document.write("<div id=\"adLeftFloat\" style=\"position: absolute;width:" + adLeftWidth + ";height:100px; font-size:12px;\"><img src=\"images/close.gif\" width=\"12\" border=\"0\" height=\"12\" onMousedown=\"javascript:close_float_left();void(0);\";>");
   
     document.write("<div id=\"Float\" style=\"width:" + adLeftWidth + ";\"><a href=\"" + adLeftHref +"\" target=_blank><img src=\"" + adLeftSrc + "\"  width=\"" + adLeftWidth + "\" height=\"" + adLeftHeight + "\"  border=\"0\" \></a></div>");
     document.write("</div>");
    }
   }
   
   
   
   if (adRightSrc != "") {
    if (adRightFlash == "flash") {
    document.write("<div id=\"adRightFloat\" style=\"position: absolute;width:" + adRightWidth + ";height:100px; font-size:12px;text-align:right;\"><img src=\"images/close.gif\" width=\"12\" border=\"0\" height=\"12\" onMousedown=\"javascript:close_float_right();void(0);\";>");
   
     document.write("<div id=\"Float\" style=\"width:" + adRightWidth + ";\"><embed src=\"" + adRightSrc + "\" quality=\"high\"  width=\"" + adLeftWidth + "\" height=\"" + adRightHeight + "\" type=\"application/x-shockwave-flash\"></embed></div>");
     document.write("</div>");
    }
    else{
    document.write("<div id=\"adRightFloat\" style=\"position: absolute;width:" + adRightWidth + ";height:100px; font-size:12px;text-align:right;\"><img src=\"images/close.gif\" width=\"12\" border=\"0\" height=\"12\" onMousedown=\"javascript:close_float_right();void(0);\";>");
   
     document.write("<div id=\"Float\" style=\"width:" + adRightWidth + ";\"><a href=\"" + adRightHref +"\" target=_blank><img src=\"" + adRightSrc + "\"   width=\"" + adLeftWidth + "\" height=\"" + adRightHeight + "\"  border=\"0\"  \></a></div>");
     document.write("</div>");
    }
   }
   
   
   
   
   load();

function close_float_right(){
document.getElementById("adRightFloat").style.display="none";}
function close_float_left(){
document.getElementById("adLeftFloat").style.display="none";}  //]]>

ywle 发表于 2008-6-7 11:20

直接引用这JS文件

kucool 发表于 2008-6-7 18:25

<div   id="img"   style="position:absolute;">   
<a   href="http://wpa.qq.com/msgrd?V=1&amp;Uin=475635327"   target="_blank">   
<img   src="1193306000_0.98918500.gif"   border="0"></a>   
</div>   
   
<SCRIPT   LANGUAGE="JavaScript">   
<!--
var   xPos   =   20;   
var   yPos   =   document.body.clientHeight;   
var   step   =   1;   
var   delay   =   40;   
var   height   =   0;   
var   Hoffset   =   0;   
var   Woffset   =   0;   
var   yon   =   0;   
var   xon   =   0;   
var   pause   =   true;   
var   interval;   
img.style.top   =   yPos;   
function   changePos()   {   
width   =   document.body.clientWidth;   
height   =   document.body.clientHeight;   
Hoffset   =   img.offsetHeight;   
Woffset   =   img.offsetWidth;   
img.style.left   =   xPos   +   document.body.scrollLeft;   
img.style.top   =   yPos   +   document.body.scrollTop;   
if   (yon)   {   
yPos   =   yPos   +   step;   
}   
else   {   
yPos   =   yPos   -   step;   
}   
if   (yPos   <   0)   {   
yon   =   1;   
yPos   =   0;   
}   
if   (yPos   >=   (height   -   Hoffset))   {   
yon   =   0;   
yPos   =   (height   -   Hoffset);   
}   
if   (xon)   {   
xPos   =   xPos   +   step;   
}   
else   {   
xPos   =   xPos   -   step;   
}   
if   (xPos   <   0)   {   
xon   =   1;   
xPos   =   0;   
}   
if   (xPos   >=   (width   -   Woffset))   {   
xon   =   0;   
xPos   =   (width   -   Woffset);   
}   
}   
function   www_helpor_net()   {   
img.visibility   =   "visible";   
interval   =   setInterval('changePos()',   delay);   
}   
www_helpor_net();
onmouseover="img.style.stop"   
//For   more,visit:[url]www.helpor.net[/url]   
-->   
</script>



这是网站图片飘浮代码，我搜索到的，看看对你有没有帮助

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.