如何用div最简单的方法制作浮动广?
xScrollStick Demo
/*
说明:
x系列是Hutia开发的系列JS代码,配合相应的css后可以实现快速的自定义标签
目前xScrollStick支持的浏览器类型为:IE5。 5, FF1。5
xScrollStick的标签为
Content。。。
支持属性:
无
支持方法:
无
*/
//**载入CSS*****
var xScrollStickCssFilePath="sp\/css\/xframe。 css";
//document。write("@import url("+xScrollStickCssFilePath+");");
//**检测浏览器种类***...全部
xScrollStick Demo
/*
说明:
x系列是Hutia开发的系列JS代码,配合相应的css后可以实现快速的自定义标签
目前xScrollStick支持的浏览器类型为:IE5。
5, FF1。5
xScrollStick的标签为
Content。。。
支持属性:
无
支持方法:
无
*/
//**载入CSS*****
var xScrollStickCssFilePath="sp\/css\/xframe。
css";
//document。write("@import url("+xScrollStickCssFilePath+");");
//**检测浏览器种类*****
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
。xScrollStick{
position:absolute;
padding:15px;
border:1px solid black;
width:120px;
height:24px;
}
。
d1 { left:0px;top:0px; }
。d2 { right:0px;top:0px; }
。d3 { left:0px;bottom:0px; }
。
d4 { right:0px;bottom:0px; }
浮动条
浮动条2
浮动条3
浮动条4
afosdhfosdhg
afosdhfosdhgafosdhfosdhg
afosdhfosdhgafosdhfosdhg
afosdhfosdhgafosdhfosdhg
afosdhfosdhgafosdhfosdhg
afosdhfosdhgafosdhfosdhg
afosdhfosdhg
这个浮动条可以在任何分辨率下正常使用,从1024*768到1280*1024都正常,你可以试一下,如果不正常了刷新页面就可以了。收起