一直在右边跟随滚动条移动的广告条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

说明：

x系列是Hutia开发的系列JS代码，配合相应的css后可以实现快速的自定义标签

目前xScrollStick支持的浏览器类型为：IE5.5, FF1.5

xScrollStick的标签为

Content

</div>

支持属性：

无

支持方法：

无

//**载入CSS*****

var xScrollStickCssFilePath="sp\/css\/xframe.css";

//document.write("<style>@import url("+xScrollStickCssFilePath+");</style>");

//**检测浏览器种类*****

var BROWSERNAME="";

switch(navigator.appName.toLowerCase()){

case "netscape":

BROWSERNAME="ns";

break;

case "microsoft internet explorer":

default:

BROWSERNAME="ie";

break;

}

//**设置初始化事件******

switch(BROWSERNAME){

case "ns":

window.addEventListener("load",_xScrollStick_init,false);

break;

case "ie":

default:

window.attachEvent("onload",_xScrollStick_init);

}

//**初始化函数******

function _xScrollStick_init(){

var allTheScrollSticks=document.getElementsByTagName("div");

for(var i=0;i<allTheScrollSticks.length;i++){

if(allTheScrollSticks[i].className.match(/^((xScrollStick)|(.+ +xScrollStick)|(xScrollStick +.+)|(.+ +xScrollStick +.+))$/))_xScrollStick_event_doInit(allTheScrollSticks[i]);

}

window_event_scroll();

}

//**事件响应函数区******

function _xScrollStick_event_doInit(element){

//初始化变量

element.offX=element.offsetLeft;

element.offY=element.offsetTop;

//设置方法

element.Stick=_xScrollStick_method_Stick;

//设置事件

switch(BROWSERNAME){

case "ns":

window.addEventListener("scroll",window_event_scroll,false);

break;

case "ie":

default:

window.attachEvent("onscroll",window_event_scroll);

}

//获取设置

//无

document.body.parentNode.onscroll=window_event_scroll;

}

function window_event_scroll(){

var allTheScrollSticks=document.getElementsByTagName("div");

for(var i=0;i<allTheScrollSticks.length;i++){

if(allTheScrollSticks[i].className.match(/^((xScrollStick)|(.+ +xScrollStick)|(xScrollStick +.+)|(.+ +xScrollStick +.+))$/))try{allTheScrollSticks[i].Stick();}catch(e){}

}

//**方法函数区******

function _xScrollStick_method_Stick(){

var x=this.offX, y=this.offY, po=this;

this.style.position="absolute";

x+=document.body.parentNode.scrollLeft;

y+=document.body.parentNode.scrollTop;

this.style.left=x+"px";

this.style.top=y+"px";

}

//**通用函数区***

//无

//]]>

</script>

<style>

.xScrollStick{

position:absolute;

padding:15px;

border:1px ;

width:83;

height:281;

}

.d1 { left:0px;top:0px; }

.d2 { right:3px;top:59px; }

.d3 { left:0px;bottom:0px; }

.d4 { right:0px;bottom:0px; }

</style>

</head>

</map></div>

</body>

</html>

这个代码是在网上找的，在使用的时候把以上代码保存为js的，然后在asp中使用的话是

就可以实现了

posted @ 2007-10-11 00:00 ScottX 阅读(781) 评论(0) 收藏举报

刷新页面返回顶部

Scott 的工地

一只搬砖程序员

一直在右边跟随滚动条移动的广告条

公告