SupeSite的目前的广告功能基本可以实现任意形式的广告。非常的灵活。根据广告内容的需要，可以任意选择其中的调用方式。
这里再说下放置广告的流程：
登陆站点设置--广告--添加广告--添加完毕之后回到浏览广告--获取代码--将获取的代码放置在模版中需要的位置中（这步一定要操作！）
下面看看如何添加对联广告和漂浮广告，这些代码到baidu/google 上一搜一大把。
1，添加广告代码,一定要选择直接显示
对联广告代码：
CODE: <script type="text/javascript">
var delta = 0.15; //每次走动的像素
var speeds = 30; //图片浮动速度，数值越大，速度越慢（建议设置为30-100之间）
var collections;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content) {
document.write('<DIV id='+id+' style="z-index:5; position:absolute; left:'+(typeof(x)=='string'?eval(x):x)+'px;top:'+(typeof(y)=='string'?eval(y):y)+'px">'+content+'</DIV>');
var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;
this.items[this.items.length] = newItem;
}
this.play = function() {
collections = this.items
setInterval('float_play()',speeds);
}
}
function float_play() {
if(screen.width<=800) {
for(var i=0;i<collections.length;i++) {
collections.object.style.display = 'none';
}
return;
}
for(var i=0;i<collections.length;i++) {
var followObj = collections.object;
var followObj_x = (typeof(collections.x)=='string'?eval(collections.x):collections.x);
var followObj_y = (typeof(collections.y)=='string'?eval(collections.y):collections.y);
if(followObj.offsetLeft!=(document.documentElement.scrollLeft+followObj_x)) {
var dx=(document.documentElement.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx+'px';
}
if(followObj.offsetTop!=(document.documentElement.scrollTop+followObj_y)) {
var dy=(document.documentElement.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy+'px';
}
followObj.style.display = '';
}
}
var theFloaters = new floaters();
theFloaters.addItem('{广告ID1}','document.documentElement.clientWidth-{宽度}',0,'<a href="{链接1}" target=_blank><img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0" /></a>');//对联的右部
theFloaters.addItem('{广告ID2}',0,0,'<a href="{链接2}" target=_blank><img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0"></a>');//对联的左部
theFloaters.play();
</script>说明：
{广告ID} ： 广告的ID名，自行设置不同的ID名，一般设置为英文，比如one，two等.请注意区分对联的左右部分。左边和右边包括下面的漂浮广告的{广告ID} 都不要重复
{宽度} ： 放置广告图片的宽度，仅填数字
{高度} ： 放置广告图片的高度，仅填数字
{链接} ： 广告的链接地址，比如http://www.discuz.net
{图片地址}：广告的图片的访问地址，比如/uploads/allimg/c120124/132IEb3310-1WD.gif
注意：{}包括里面的文字需要全部替换成您设置的东西，比如/uploads/allimg/c120124/132IEb3310-1WD.gif全部替换{图片地址}，而不是{/uploads/allimg/c120124/132IEb3310-1WD.gif}这种形式。
当然，如果要用flash，不用图片的话，只需要将上面的<img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0" />替换为flash的代码。
flash代码：
CODE: <EMB
ED src="{FLASH地址}" wmode="transparent" style="position:absolute;width:{宽度};height:{高度};">漂浮广告代码：
CODE: <script type="text/javascript">
var step = 1; //每次走动的像素
var speed = 30; //图片浮动速度，数值越大，速度越慢（建议设置为30-100之间）
var collection;
function floaters_move() {
this.items = [];
this.addItem = function(id,x,y,content) {
document.write('<div id='+id+' style="z-index:2; position:absolute;">'+content+'</div>');
var newItem = {};
newItem.object = document.getElementById(id);
newItem.xPos = x;
newItem.yPos = y;
newItem.xon = 0;
newItem.yon = 0;
this.items[this.items.length] = newItem;
}
this.play = function() {
collection = this.items
setInterval('move_play()',speed);
}
}
function move_play() {
for(var i=0;i<collection.length;i++) {
var followObj = collection.object;
var followObj_x = followObj.offsetWidth;
var followObj_y = followObj.offsetHeight;
followObj.style.left = collection.xPos + document.documentElement.scrollLeft+'px';
followObj.style.top = collection.yPos + document.documentElement.scrollTop+'px';
if(collection.xon) {
collection.xPos += step;
} else {
collection.xPos -= step;
}
if(collection.yon) {
collection.yPos += step;
} else {
collection.yPos -= step;
}
if(collection.xPos >= (document.documentElement.clientWidth-followObj_x)) {
collection.xon = 0;
collection.xPos = document.documentElement.clientWidth-followObj_x;
}
if(collection.xPos < 0) {
collection.xon = 1;
collection.xPos = 0;
}
if(collection.yPos >= (document.documentElement.clientHeight-followObj_y)) {
collection.yon = 0;
collection.yPos = document.documentElement.clientHeight-followObj_y;
}
if(collection.yPos < 0) {
collection.yon = 1;
collection.yPos = 0;
}
}
}
var theFloaters_move = new floaters_move();
theFloaters_move.addItem('{广告ID1}',{左边位置},{顶部位置},'<a href="{链接1}" target=_blank><img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0" /></a>');//漂浮广告第一个，漂浮广告第二个，第三的类似增加这段代码。当然，只想漂浮一个的话只要这段即可
theFloaters_move.play();
</script>说明：
可设置多个浮动广告
格式：
theFloaters_move.addItem('{广告ID}',{左边位置},{顶部位置},'<a href="{链接2}" target=_blank><img src="{图片地址}" width="{宽度}px" height="{高度}px" border="0" /></a>');
{广告ID} ：同上面的对联广告， 一般设置为英文，比如one，two等.同一个页面的{广告ID}不要重复
{左边位置} ： 广告初始位置，距左边框的像素
{顶部位置} ： 广告初始位置，距顶部的像素
{宽度} ： 放置广告图片的宽度，仅填数字
{高度} ： 放置广告图片的高度，仅填数字
{链接} ： 广告的链接地址
{图片地址}：广告的图片的访问地址，比如/uploads/allimg/c120124/132IEb3310-1WD.gif
注意：{}包括里面的文字需要全部替换成您设置的东西，比如/uploads/allimg/c120124/132IEb3310-1WD.gif全部替换{图片地址}，而不是{/uploads/allimg/c120124/132IEb3310-1WD.gif}这种形式。
2，获取广告代码
您添加了上面的广告代码之后，需要在站点设置--广告--浏览广告--获取广告代码。
您会得到类似
QUOTE:
<div >{$_SGLOBAL[ad][11][adcontent]}</div><!--对联--> 这样的广告代码。
复制这段代码
3，更新模版文件
打开templates/default/header.html.php
找到
<body>
找其后面添加上面的获得的代码，保存。
这样，您就可以在首页实现漂浮的或者对联的广告效果了。
当然，SupeSite还可以实现其他广告效果，关键是类似1找到该效果广告代码。
此广告功能非常灵活和强大，大家可以仔细研究，一定会有新发现！
(责任编辑：龙舞天翔) |
