" 互联网产品设计"的分类

标准布局应用：对联与旗帜[转]

2007/07/25 Posted in 互联网产品设计

原文地址：http://blog.pr1984.com/article.asp?id=34 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="description" content="http://blog.pr1984.com - 代码剪辑库 ( PR 50198763 )" /><title>符合标准的正常工作的对联广告</title><script type="text/javascript"><!– lastScrollY = 0;function heartBeat(){ var diffY;if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop;else if (document.body) diffY = document.body.scrollTopelse    {/*Netscape stuff*/} //alert(diffY);percent=.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";document.getElementById("rightDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";lastScrollY=lastScrollY+percent; //alert(lastScrollY);}//下面这段删除后，对联将不跟随屏幕而移动。window.setInterval("heartBeat()",1);//–></script><style type="text/css"><!–/* 这里定义滴是页面高度，用来测试对联跟随效果滴，跟广告无关 */html,body{height:1000px;}#mm{height:1000px;}/* 这里是设置对联样式滴 */#leftDiv,#rightDiv{   width:120px; /* 宽度 */   height:250px; /* 高度 */   background-color:#e5e5e5; /* 背景颜色 */   border:1px solid #ddd; /* 边框样式 */   position:absolute; /* 绝对定位激活 */}–></style></head><body><div id="leftDiv" style="top:120px; /* 距离顶部120px */ left:2px; /* 距离左侧2px */ ">左侧广告内容</div><div id="rightDiv" style="top:120px; /* 距离顶部120px */ right:2px; /* 距离右侧2px */ ">右侧广告内容</div><div id="mm"></div></body></html>

Leave a comment - 646 views
1...1314