优化网页广告代码以及速度
作者:免费家 来源:CHINAZ 时间:2009-03-02 19:23:00
这是我不小心遇到的呵!昨天在同类(免费资源)站看到我朋友载入的广告代码
<DIV class=ggad><span id="k_ad_chongzhi"></span><script type="text/javascript">gethtm('/adfile/chongzhi.htm','k_ad_chongzhi');</script></DIV></DIV>
我就比较好奇了,我自己都是用 <script src="/ad/xxx.js" type="text/javascript"></script>载入广告 有时候到载入这段JS 都会卡主一下 于是我就想 改成 他那样的 于是就去网络搜索.搜索了半天 就只搜索到篇 也是跟我朋友差不多显示的 载入flash代码 <script type="text/javascript">G_flash('http://www.freejia.com/plus/free/xxx.swf',468x60,0);</script> 是用一个JS文件引用的 但是它宽度 高度 都固定住了 以后改广告也要考虑这个问题.于是我自己就改了下代码 废话不多说 告诉大家怎么弄吧!
首先创建一个JS文件内容是:
document.writeln("<script type=\"text\/javascript\"> ");
document.writeln(" ");
document.writeln(" function G_banner(url,transparent) { ");
document.writeln(" \/\/ Clear active line of the flashs for IE ");
document.writeln(" var param_t=\'\'; ");
document.writeln(" if (transparent!=0) { ");
document.writeln(" param_t=\'wmode=\"transparent\"\'; ");
document.writeln(" } ");
document.writeln("document.write(\'<iframe src=\"\'+url+\'\"; width=\"468\" height=\"60\" scrolling=\"no\" frameborder=\"0\"><\/iframe>\');")
document.writeln(" } ");
document.writeln("<\/script>")
然后在HTML页面插入
<script type="text/javascript">G_banner('http://www.freejia.com/plus/free/banner.html',0);</script>
顶部插入<SCRIPT src="xxx.js" type=text/javascript></SCRIPT>
就行了!宽度高度在JS里控制 方便我们 修改
如何创建多个广告位?在JS里加:
document.writeln("<script type=\"text\/javascript\"> ");
document.writeln(" ");
document.writeln(" function G_banner(url,transparent) { ");
document.writeln(" \/\/ Clear active line of the flashs for IE ");
document.writeln(" var param_t=\'\'; ");
document.writeln(" if (transparent!=0) { ");
document.writeln(" param_t=\'wmode=\"transparent\"\'; ");
document.writeln(" } ");
document.writeln("document.write(\'<iframe src=\"\'+url+\'\"; width=\"468\" height=\"60\" scrolling=\"no\" frameborder=\"0\"><\/iframe>\');")
document.writeln(" } ");
document.writeln("<\/script>")
document.writeln("<script type=\"text\/javascript\"> ");
document.writeln(" ");
document.writeln(" function G_tl(url,transparent) { ");
document.writeln(" \/\/ Clear active line of the flashs for IE ");
document.writeln(" var param_t=\'\'; ");
document.writeln(" if (transparent!=0) { ");
document.writeln(" param_t=\'wmode=\"transparent\"\'; ");
document.writeln(" } ");
document.writeln("document.write(\'<iframe src=\"\'+url+\'\"; width=\"950\" height=\"60\" scrolling=\"no\" frameborder=\"0\"><\/iframe>\');")
document.writeln(" } ");
document.writeln("<\/script>")
看到了吧 两个 引用的 G_banner G_tl
那就用
<script type="text/javascript">G_banner('http://www.freejia.com/plus/free/banner.html',0);</script>
<script type="text/javascript">G_tl('http://www.freejia.com/plus/free/banner.html',0);</script>
用这样的方法 可以免去JS解析里面代码的时间 直接打开html 也不需要一个一个JS修改 我们只用一个JS就可以控制全站广告
因为这个是一下子打开全部广告页面 会感觉有点慢 那我们在html里就加入网络流传的
<SPAN id=ad_01>广告载入中...</SPAN>
<SPAN class=spanclass id=span_ad_01>
广告代码
</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>
速度会比原来快了些 好了 到此结束! 我小心 第一次写文章 不好别骂我!
著下自己站 免费家 http://www.freejia.com 大家支持下哈!