• 懒鸟飞:精品网站源码、帝国cms模板专业分享平台

怎样在织梦dedecms网站上添加漂浮广告

在织梦dedecms的网站上添加漂浮广告其实很简单,这篇文章主要讲的是在织梦网站首页添加漂浮广告。

我们用本地搭建的织梦默认模板演示。
1、准备一个广告图片
准备一个广告图片,命名为漂浮.gif ,设置好图片大小150*150 ,之后把图片放到织梦默认模板的images目录中,路径为templetsdefaultimages ,通过浏览器访问这个图片的路径为http://localhost/templets/default/images/漂浮.gif ,访问一下,确保可以正常访问这个图片。

2、创建一个新广告
(1)后台——模块——广告管理——增加一个新广告,如下图

(2)之后就打开了广告创建窗口,如下图

填写广告位标识:indexfd ;广告位名称:首页浮动广告 ;
广告内容填写下面的代码:
<!--广告代码开始-->
<div id="floatdiv" style="position:absolute;">
<a href="http://www.lazybirdfly.com"><img src="http://localhost/templets/default/images/漂浮.gif" height="100px" width="200px"></a>
</div>
 
<script language="javascript" type="text/javascript">
/*
利用window对象,实现浮动效果
 
 1、有一个div,就是我们要控制的,它的起始点坐标(0,0)
 2、设定横向和纵向的速度
 3、控制div移动
  1)div是否到达边界,设置图片速度反向移动
*/
//获取图片所在的div对象
 
var img=document.getElementById("floatdiv");
//设置div起始点坐标
var x=0,y=0;
//设置div行进速度
var xSpeed=2,ySpeed=1;
//设置图片移动
var w=document.body.clientWidth-200,h=document.body.clientHeight-100;
function floatdiv(){
 //比较图片是否到达边界,如查到达边界 改变方向;如未到达边界
 if(x>w||x<0) xSpeed= -xSpeed;
 if(y>h||y<0) ySpeed= -ySpeed;
 
 x+=xSpeed;
 y+=ySpeed;
 
 //设置坐标值,起始坐标+速度
 img.style.top=y+"px";
 img.style.left=x+"px";
setTimeout("floatdiv()",10);
}
floatdiv();
</script>
<!--广告代码结束-->
 
 

备注:
我们可以通过控制代码中的参数来控制漂浮广告。
<a href="http://www.lazybirdfly.com"> 用来控制漂浮广告跳转到你想指定的网站。
<img src="http://localhost/templets/default/images/漂浮.gif" border="0">用来调用广告图片。


3、调用广告
打开首页模板index.htm ,在代码的最后的位置,即</body>之前,添加{dede:myad name='indexfd'/} 。
之后生成一下首页,就应该能看到漂浮广告了。 
 
QQ在线咨询
QQ客服
淘宝官网