T086ѧϰ�� | վ��ѧԺ | �����ĵ� | ���� | Ъ���� | IP��ַ��ѯ | �������� | ���ջ��� | �����ֵ� | ���ù��� | ������Ϣ��ѯ
��ҳ | ������ҳ | IT��Ѷ | ��վ��Ӫ | ��վ���� | �������� | ѧϰ��֤ | ���ʺ��� | ��Ϸ���� | ������ѡ | �������� | �������� | �Ƽ����� | �����ֵ�

�����˴����Ż����ƹ㵥Ԫ����˳���Ż�����

�� �ٶ����� ����ʱ�䣺2010-08-27 | ���壺�� �� С��
[����]ͨ���Ż������ƹ㵥Ԫ����˳�򣬿ɽ�һ���ھ�ҳ��������DZ�����棬��ͬʱ��ǿ�û����飬�������Ǵ�ԭ����ʵ�ַ�ʽ������һ�¸��Ż����ɡ� ���н׶Σ����Ƕ�ͬһҳ���������ƹ㵥Ԫ���������õ����������ȷ�����˳����...

ͨ���Ż������ƹ㵥Ԫ����˳�򣬿ɽ�һ���ھ�ҳ��������DZ�����棬��ͬʱ��ǿ�û����飬�������Ǵ�ԭ����ʵ�ַ�ʽ������һ�¸��Ż����ɡ�

���н׶Σ����Ƕ�ͬһҳ���������ƹ㵥Ԫ���������õ����������ȷ�����˳�򣬼������������õ��ƹ����ݷ��ظ�����ҳ����һ��������Ȼ����֮��Ȼ����ͨ�����Ƕ���ʷ���ݵ���ϸ���������ֲ������˺�����վ��ҳ��HTML�У�����˳���������ŵģ���ҳ������������ע�Ƚϵ͵��ƹ㵥Ԫ��Ȼ�����������������ߵ��ƹ㵥Ԫ����ͨ�������£���ҳHTML�����ļ���˳���Ǵ��ϵ��¡��������ң���

�Դˣ����ǽ������˻�Աͨ��“�����ܼ�����ͳ��”��“�����ƹ㱨��ģ��”�����Լ���վҳ���ϸ����ƹ�λ���е����ʷ���������ͨ��ҳ���в�����ҳ����Ҫ���ݵ��ƹ㵥Ԫ�������ߵĵ����ʣ���Ȼ��ͨ�������� HTML/CSS �е�С���ɿ��Ե�����ǰ���ƹ㵥Ԫ������˳�����Ա�������������HTML Դ����ʱ�������������������ߵ��ƹ㵥Ԫ��Ȼ���ٴ����������ʴθߵ��ƹ㵥Ԫ���Դ����ơ�

����λ����˳��HTML/CSS�Ż���������������ҳ��Ϊ����λԤ����ͬ�ߴ��Ŀհ�λ�ã�
1.Ϊ����λ�ĸ�����������ʽ“position: relative”
2.Ϊ����λ����������ʽ“position: absolute”��������top��left��ȷ������λ�븸����������λ�ã�������λ֮��������˳���Դ����������Ⱥ�˳��Ϊ׼��

ʾ�����룺

———————————————————————————————————————————————

<style type=”text/css”>
#ad1{
width: 468px;
height: 60px;
position: absolute;
left: 100px;
top: 250px;
}
#ad2{
width: 300px;
height: 250px;
position: absolute;
left: 200px;
top: 350px;
}
</style>
<body>
<div id=”content” style=”position: relative”>
/* �˴�������ҳ���������ݣ���ҳ����Ϊ�ƹ�����Ԥ����ͬ�ߴ���λ�� */
<div id=”adlist”>
/*�˴����Ӹ�������λ�ĵ��ô��룬���Ż����Ĵ���λ����˳������ */
<div id=”ad1”>
/*����ad1�ĵ��ô���*/
</div>
<div id=”ad2”>
/*����ad2�ĵ��ô���*/
</div>
</div>
</div>
</body>

———————————————————————————————————————————————
���⣬��Ҫ������������Ͷ�ŷ�ʽ�ᵼ�����������η����ƹ����ݼ������󣬶�ϵͳ�������β�ѯ������Ӱ������ҳ���ƹ������������񣬲��ҿ�������Ӱ���û����飬��Υ��Ͷ����Ϊ��
———————————————————————————————————————————————
<div id="ad1">loading...</div>
<div id="ad2" style="display:none;">
/* ����λ���ô��� */
</div>
<script type=”text/javascript”>
document.getElementById("ad1").innerHTML = document.getElementById("ad2").innerHTML;
document.getElementById("ad2").innerHTML = "";
</script>

ԭ�ģ�http://hi.baidu.com/bdadd/blog/item/145f98ca4a6d4d8bc9176897.html

  • ת����ע����Դ��ITѧϰ�� ��ַ��http://www.t086.com/ �����������Ƽ�������
  • �ر������� ��վ�������ر�������ֹת�ص�ר�������������¿�������ת�أ���������ע��������ԭʼ���ߡ����°�Ȩ������ԭʼ�������С����ڱ���վת�����µĸ��˺���վ�����DZ�ʾ������л�⡣������վת�ص������а�Ȩ��������ϵ���ǣ����ǻᾡ�����Ը�����
�������� ( ��������  �ٶ��ƹ�  )
  • �˽���Щ�֣��� �� �� �� �� �� �� �� �� ��
    • �� �� �� ��
    ��������
    ��������
    Enjoy���²���
    • ��
    • ��
    • ��
    • ��
    • ��
    • ��
    • ��
    • ��
    • ��
    ������ѯ Health Check Gulangyu
    © 2017 T086ѧϰ�� - T086.com(ԭitlearner.com)
    RunTime:19.26ms QueryTime:7