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

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

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

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基础上的加强。

/ 分类: 开发 / TrackBackhttps://xhl.me/archives/353/trackback标签: google

添加新评论 »