jquery漂浮广告代码（求一个页面上漂浮着两个浮动广告的js代码）

本文目录

• 求一个页面上漂浮着两个浮动广告的js代码
• js如何判断滚动到某个DIV时候，悬浮广告出现
• 求一个页面上漂浮着两个浮动广告的js代码,就是左右两个类似春联的条形广告,能跟随着页面上下拉动
• jquery如何制作漂浮

求一个页面上漂浮着两个浮动广告的js代码

《html》
《head》
《title》漂浮的图片《/title》
***隐藏网址***
《!--head头部代码开始--》
《script language="JavaScript" SRC="moveobj.js"》 《/script》
《script》
var chip1;
var chip2;
var chip3;
//根据使用的图片的多少增加或减少上面相应代码；
function pagestart()
{checkbrOK();
chip1=new Chip("chip1",160,80);
chip2=new Chip("chip2",60,80);
//根据使用的图片的多少增加或减少上面的相应代码
if(brOK)
{ movechip("chip1");
movechip("chip2");
//根据使用的图片的多少增加或减少上面的相应代码
}
}
《/script》
《!--代码结束--》
《link rel="stylesheet" href="../style.css"》
《body onLoad="pagestart();" onUnload="if(brOK) {stopme(’chip1’); stopme(’chip2’);}" bgcolor="#FFFFFF" text="#000000" 》
《DIV ID="chip1" STYLE="position:absolute; width:47; height:68;"》
《A HREF="rm/ad1.htm"》《IMG SRC="ballon1.jpg" BORDER=0》《/a》
《/DIV》
《DIV ID="chip2" STYLE="position:absolute; width:47; height:68;"》
《A HREF="rm/ad2.htm"》《IMG SRC="ballon2.jpg" BORDER=0》《/a》
《/DIV》
《center》
《p》
《script src="moveobj.js"》《/script》
《/center》
《/body》
《/html》

js如何判断滚动到某个DIV时候，悬浮广告出现

程序上给body或documentElement的scrollLeft、scrollTop赋值，
浏览器在没有出滚动条时，赋值后该值不会发生变化，始终是0。
下面是示例，该检测方法，不仅可以检测页面滚动条，传入要检测的节点，一样可以得到想要的结果。
代码（给scrollLeft，scrollTop赋负数值时会报错，此外scrollLeft，scrollTop的值不能大于实际最大的滚动值）：

复制代码代码示例:
var isScroll = function (el) {
// test targets
var elems = el ? ;
var scrollX = false, scrollY = false;
for (var i = 0; i 《 elems.length; i++) {
var o = elems;
// test horizontal
var sl = o.scrollLeft;
o.scrollLeft += (sl 》 0) ? -1 : 1;
o.scrollLeft !== sl && (scrollX = scrollX || true);
o.scrollLeft = sl;
// test vertical
var st = o.scrollTop;
o.scrollTop += (st 》 0) ? -1 : 1;
o.scrollTop !== st && (scrollY = scrollY || true);
o.scrollTop = st;
}
// ret
return {
scrollX: scrollX,
scrollY: scrollY
};
};
第二部分，jquery判断滚动条到底部并加载数据的方法。js滚动条回到顶部示例代码 js 页面刷新记住滚动条位置的方法 js动态隐藏滚动条(兼容多浏览器 IE FF等)
有些浏览器下会出现累计执行、重复执行的情况，可以在准备执行前和执行完毕加一个执行完毕的标记，当判断上一次执行完毕，再执行该次操作。

复制代码代码示例:
《!DOCTYPE html》
《html》
《head》
***隐藏网址***
《title》jQuery实现当拉动滚动条到底部加载数据《/title》
《style type="text/css"》
*{margin:0;padding:0;}
body{font-size:14px;color:#444;font-family:"微软雅黑",Arial;background:#fff;}
a{color:#444;text-decoration: none;}
a:hover{color:#065BC2;text-decoration: none;}
.clear{clear:both;}
img{border:none;vertical-align: middle;}
ul{list-style: none;}
《/style》
《/head》
《body》
***隐藏网址***
《script type="text/javascript"》
//首先，窗口绑定事件scroll
$(window).bind("scroll",function() {
// 判断窗口的滚动条是否接近页面底部，这里的20可以自定义
if ($(document).scrollTop() + $(window).height() 》 $(document).height() - 20) {
//没有写ajax的调用，直接触发了链接的click事件。
$("#container").append(’《div style="height:500px"》dd《/div》’);
} // www.jbxue.com
})
《/script》
《/head》
《body》
《div id="container"》
dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》
dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》
dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》dd《br/》
《/div》
《/body》
《/html》

另外，此下拉到最后，浏览器会记住当前滚动条位置，会在刷新页面后，直接执行操作，所以在刷新页面时要执行，滚动条到顶部的操作。
复制代码代码示例:
《script》
$(document).ready(function(){
$(’body,html’).animate({scrollTop:0});
});
《/script》
在jQuery中获取浏览器窗口的尺寸信息
在jQuery中获取浏览器及页面的长度与宽度主要用到以下几个代码：
$(window).height() 　//浏览器时下窗口可视区域高度
$(document).height()　　　　//浏览器时下窗口文档的高度
$(document.body).height()　　　　　　//浏览器时下窗口文档body的高度
$(document.body).outerHeight(true)　//浏览器时下窗口文档body的总高度 包括border padding margin
$(window).width() 　//浏览器时下窗口可视区域宽度
$(document).width()//浏览器时下窗口文档对于象宽度
$(document.body).width()　　　　　　//浏览器时下窗口文档body的高度
$(document.body).outerWidth(true)　//浏览器时下窗口文档body的总宽度 包括border padding margin

求一个页面上漂浮着两个浮动广告的js代码,就是左右两个类似春联的条形广告,能跟随着页面上下拉动

你吧DEMO下载下来，看看是怎么回事。。不要拷贝我贴上来的JS。好吧。。。。
***隐藏网址***
可下载DEMO下来自己琢磨一下
JS ：
***隐藏网址***
document.write(suspendcode);
***隐藏网址***
document.write(suspendcode);
//flash格式调用方法
//《EMBED src=’flash.swf’ quality=high WIDTH=100 HEIGHT=300 TYPE=’application/x-shockwave-flash’ id=ad wmode=opaque》《/EMBED》
lastScrollY=0;
function heartBeat(){
diffY=document.body.scrollTop;
percent=.3*(diffY-lastScrollY);
if(percent》0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.lovexin1.style.pixelTop+=percent;
document.all.lovexin2.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
function hide()
{
lovexin1.style.visibility="hidden";
lovexin2.style.visibility="hidden";
}
window.setInterval("heartBeat()",1);

jquery如何制作漂浮

可以用jQuery中的animate()方法
html代码
《div》《/div》
css代码
div{width:200px; height:200px; position:relative; background:#f90;}
jQuery代码
$(function(){
$(’div’).click(function(){
$(this).animate({left:’500px’},3000);
});
});
以上jQuery代码可以实现div在3秒之内向右移动500个像素
注意：要漂移的元素一定要有position属性，不然没有效果。至于position的值可以是relative,也可以是absolute