专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

google

  • 一个不错的不影响网页载入速度的显示广告的代码

    / 分类: 开发 / No Comments

    下面的代码放到系统要显示的图片的位置：

    XML/HTML代码
    1. <script language="JavaScript">  
    2.     <!--   
    3.     var img = "系统要显示图片地址（可以用代码引用）";   
    4.     if (img != "" && img.indexOf("dfpic.gif") == -1 )   
    5.     {   
    6.         document.write("<a href='"+img+"' target='_blank'><img src='"+img+"' /></a>");   
    7.     }   
    8.     else   
    9.     {   
    10.         document.write("<div align='center' id='AdLoading'>Loading...</div>");   
    11.     }   
    12.     //-->  
    13.     </script>   

    下面的代码加到最网页的底部

    JavaScript代码
    1. <div id="AdCode" style="display:none">广告代码加到这里</div>   
    2. <script language="JavaScript">   
    3. <!--   
    4. if(document.getElementById("AdLoading") != null)   
    5. {   
    6.     document.getElementById("AdLoading").innerHTML = document.getElementById   
    7.   
    8.   
    9. ("AdCode").innerHTML;   
    10. }   
    11. //-->  
    12. </script>  

    效果就是：如果系统有指定显示某个图片，那么广告就隐藏，显示的是系统要显示的图片；如果系统没有要显示的图片，那么显示图片的地方就显示广告。并且载入广告之前，会显示：“Loading...”。而且，这个代码是先载入网页内容后再载入广告内容的，不影响网页内容的载入速度。

    感谢朋友梧桐雨和我讨论这个效果，可以说是在GOOGLE基础上的加强。