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

怎样在织梦dedecms网站上添加漂浮广告,第1张

漂浮广告用如下代码

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>js实现可关闭的自由漂浮广告代码_js特效_特效代码_www.xunmzy.com</title>

<meta http-equiv="content-type" content="text/htmlcharset=utf-8">

<style type="text/css">

#img1{width:autoposition:absolutetop:43pxleft:2pxz-index:10}

#img1 div{width:autotext-align:rightfont-size:12px}

#img1 div a:link{text-decoration:none}

#img1 div a:hover{color:redtext-decoration:none}

#img1 img{width:autoborder:1px solid black}

p{margin-top:50pxtext-align:center}

</style>

</head>

<body>

<div id="img1" onmouseover="pause_resume()" onmouseout="pause_resume()">

<div><a href="javascript:void(0)" onclick="closediv()" title="点击关闭">关闭</a></div>

<a href="https://www.xunmzy.com/" target="_blank"><img src="images/logo_png.png" alt="js实现可关闭的自由漂浮广告代码"></a>

</div>

<p>js代码可关闭的自由漂浮的图片广告特效</p>

<script type="text/javascript">

var xPos = 300

var yPos = 200 

var step = 1

var delay = 30 

var height = 0

var Hoffset = 0

var Woffset = 0

var yon = 0

var xon = 0

var pause = true

var interval

var divid = img1 //浮动DIV的ID.

divid.style.top = yPos

function changePos(){

   width = document.body.clientWidth

   height = document.body.clientHeight

   Hoffset = divid.offsetHeight

   Woffset = divid.offsetWidth

   divid.style.left = xPos + document.body.scrollLeft

   divid.style.top = yPos + document.body.scrollTop

   if(yon){yPos = yPos + step}else{yPos = yPos - step}

   if(yPos < 0){yon = 1yPos = 0}

   if(yPos >= (height - Hoffset)){yon = 0 yPos = (height - Hoffset)}

   if(xon){xPos = xPos + step}else{xPos = xPos - step}

   if(xPos < 0){xon = 1xPos = 0}

   if(xPos >= (width - Woffset)){xon = 0 xPos = (width - Woffset)}

}

function start(){

   divid.visibility = "visible"

   interval = setInterval('changePos()',delay)

}

function pause_resume(){

   if(pause){

   clearInterval(interval)

   pause = false}

   else{

   interval = setInterval('changePos()',delay)

   pause = true 

   }

}

function closediv(){

   clearInterval(interval)

   divid.style.display = "none"

}

start()

</script>

</body>

</html>

把需要改的地方改了就可以了,

织梦的广告代码 默认有一些代码,但是呢,这些仅有的广告代码肯定不能满足我们的要求,这就需要我们自己添加了:

1.首先进入织梦系统后台——模块——广告管理:

新增一个广告 填写广告标识(使用英文或数字表示的简洁标识)

可以现在加入一个广告代码或者以后再来添加 确定!

2.点击广告管理后的“代码” 进入如下页面:

这里有两种广告代码的形式

织梦cms标签调用代码:这个代码采用的是dedecms标签的形式,所以在加入此代码或者是更改了广告代码之后就需要重新生成页面才能显示广告;

js调用代码:我们推荐使用这个js调用,后台更改广告代码之后就会自动显示更改后的广告;

3.加入广告代码

这个就不多说了,你想要在网站的那里显示广告就把相应的代码加入到网站的模板中。

以超级管理员身份登陆系统后台,点击[模块]-[辅助插件]-[广告管理]进入广告管理页面;

点击“增加一个新广告”,来增加一个广告,这里我们进入增加广告位置的页面有如下信息需要填写:

·广告位标识:用于区分不同广告位的唯一标识,需要使用英文或者数字标识

例如:topbanner、toptext、indexmidad1、indexmind2等

·广告投放范围:选择相应广告投放的栏目,如果在所选栏目中找不到指定广告标识内容,系统会自动搜索父栏目

·广告位名称:用来管理广告的中文名称,例如:topbanner 顶部banner广告

·时间限制:自己设定广告过期时间

·展现方式:广告展现的形式,有HTML代码、文字链接、图片和Flash几种

·广告内容:根据选择不同的展示方式填写不同的广告内容

·过期显示内容:如果设置了广告有效期,过期后显示的内容

3. 广告添加完毕后提交确定保存广告信息,系统跳转到广告管理页面,在管理页面我们可以查看到广告的编号、广告名称、投放范围、广告代码。

以下为引用的内容:

广告代码分为2种:DedeCMS标签形式、JS形式,如果你的网站广告经常(定期)更新全站html,可以使用标签形式广告代码{dede:myad name='topbanner'/}加入到网站模板中去。

如果不经常进行全站html更新,建议选用js形式的广告代码:

<script src='http://www.dedecms.com/plus/ad_js.php?aid=1' language='javascript'></script>

4.在相应模板中加入了广告标签代码之后生成相应的html文件即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11822332.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存