绝对定位:JS照样实现瀑布流式布局_建站经验教程
推荐:从搜索营销过程找营销效果提升关键通过搜索引擎进行营销,成为越来越多企业的营销手段,营销市场确实很大,可能否从中分一杯羹呢?
一夜之间 似乎互联网上出现了一种类似瀑布形式的网页布局,如美丽说、蘑菇街等网站都采用这种布局形式。常见的实现方法一般分为:传统多列浮动 、CSS3 定义、绝对定位。 笔者看到网上仅仅有关于CSS的详细教程,未见有绝对定位的相关教程。现在想和各位朋友们分享一下绝对定位的应用及具体代码,希望朋友们能够指出其中的不足之处。
JS的绝对定位分解成三个部分代码,这样清晰,方便查看代码,其中包括: Javascript代码、HTML代码、[AJax封装文件 代码。
[Javascript]代码
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
window.onload=function()
{
var oDiv =document.getElementById("div");
var oUl=document.getElementsByTagName("ul");
window.onscroll=function()
{
var clientH=document.documentElement.clientHeight;
var scrollH=document.documentElement.scrollTop||document.body.scrollTop;
for(var i=0;i<oUl.length;i++)
{
var aLi=oUl[i].getElementsByTagName("li")
var lastL=aLi[aLi.length-1];
if(toTop(lastL)<clientH+scrollH)
{
ajax("a.js",function(str)
{
var json = eval('('+str+')')
for(var i=0;i<json.list.length;i++)
{
var list=json.list[i];
for(var j=0;j<list.src.length;j++)
{
var oLi=document.createElement("li")
分享:云数据-租用香港服务器有哪些优点呢?现在企业间的竞争十分的激烈。因此不论是大型企业还是小型企业都采用建设属于自己网站的方式来进行自己的产品宣传以及公司形象传播! 但是,对于一些还在创业期的企业来说,建设一个网站往往就是一件比较麻烦而且比较复杂的事情!因为建设一个网站就需要有自己的独立服
- 相关链接:
- 教程说明:
建站经验教程-绝对定位:JS照样实现瀑布流式布局。