html 做飞屏广告

html-css011

html 做飞屏广告,第1张

<!DOCTYPE HTML>

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>Js广告_全屏漂浮广告</title>

<style type="text/css">

div#roll{width:100pxheight:100px background-color:#000 color:#fff position:absolute}

</style>

</head>

<body>

<div id="roll">我是广告</div>

<script type="text/javascript">

var ggRoll = {

roll : document.getElementById("roll"),

speed : 20,

statusX : 1,

statusY : 1,

x : 100,

y : 300,

winW : document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,

winH : document.documentElement.clientHeight - document.getElementById("roll").offsetHeight,

Go : function(){

this.roll.style.left=this.x+'px'

this.roll.style.top=this.y+'px'

this.x = this.x + (this.statusX? -1: 1)

if(this.x < 0) {this.statusX = 0}

if(this.x > this.winW) {this.statusX = 1}

this.y = this.y + (this.statusY? -1: 1)

if(this.y < 0) {this.statusY = 0}

if(this.y > this.winH) {this.statusY = 1}

}

}

var interval = setInterval("ggRoll.Go()", ggRoll.speed)

ggRoll.roll.onmouseover = function(){clearInterval(interval)}

ggRoll.roll.onmouseout = function(){interval = setInterval("ggRoll.Go()", ggRoll.speed)}

</script>

</body>

</html>

你试一下吧;

帝国cms html广告,帝国后台管理-广告系统插件 - 搜外设计社 转载

2021-06-20 01:30:04

灵魂机器

码龄4年

关注

广告系统说明

四种广告说明:

图片/FLASH广告:增加图片广告与FLASH广告。

文字广告:增加文字链接广告。如:帝国CMS下载

HTML广告:增加直接代码类型的广告。如:google广告

弹出广告:增加弹出页面窗口(window.open)的广告。

前台广告调用方式:同时支持标签调用和JS调用

标签调用广告:用广告调用标签([phomead]广告ID[/phomead])

JS调用广告:,比如:

(以上两种方式选其一,页面经常更新的可以用标签调用,页面不经常更新的推荐用JS调用)

管理广告

1、登录后台,单击“插件”菜单,选择“管理广告”子菜单,进入管理广告界面:

2、进入管理广告界面,如下图:

[广告ID]广告调用标签使用的广告ID。

[搜索]可按广告分类、广告类型显示广告记录。

[管理过期广告]显示过期的广告列表。

[预览]对广告JS调用效果的预览。

[JS调用 | 标签调用]点击直接复制相应调用代码,到模板处粘贴即可。

增加广告

从广告管理页面,点击“增加广告”按钮进入增加广告界面:

增加图片/FLASH广告

增加图片/FLASH广告界面:(其中蓝色条为必填项)

过期时间广告过期时间不要设置太长。

链接地址图片广告有效,因为FLASH广告链接地址在swf文件本身已经定义。

增加文字广告

增加文字广告界面:(其中蓝色条为必填项)

增加HTML广告

增加HTML广告:(其中蓝色条为必填项)

增加弹出广告

增加弹出广告:(其中蓝色条为必填项)

广告分类管理

对于广告较多的站点,后台可设置选择性的显示所属广告类别中的广告,方便管理。

1、登录后台,单击“插件”菜单,选择“管理广告分类”子菜单,进入管理广告分类界面:

2、进入管理广告分类界面:

在HTML中添加广告位方法:

在HTML中添加广告位

工具/原料

广告代码

方法

1、图片广告代码的“格式”

是:<a href="此处添加图片广告指向的网址" target="_blank"><img src="此处添加图片路径地址" width="此处写入图片宽度像素" height="此处写入图片高度像素" border="0" /></a>

2、下面举例说明:

先准备一张广告图片,然后,将图片用FTP工具上传到网站空间,上传的位置没有特别的要求,一般是上传到images(图片)文件夹中,这样方便管理;

3、将图片广告要指向的网址和图片广告的路径地址及图片广告的规格写进“图片广告代码中”。如,图片广告要指向的网址是:/图片广告存放的路径是:域名/themes/tomhua/images/ad.jpg;图片广告的尺寸是240×200。

4、这段代码就写成这样:

<a href="域名" target="_blank"><img src="域名/conten/themes/tomhua/images/ad.jpg" width="240px" height="200px" border="0" /></a>

5、将上述代码写进网站广告位或其他地方,更新一下,图片广告就会在你的网站上显示了。

6、这里需要注意的是图片存放的路径,要包括图片的名称,就是上面代码中的“ad.jpg”部分,整个代码不能出现一点差错,否则,广告图片就不能正常显示了。

7、另外,广告图片的尺寸是可以调整的,就是在“width="240px" height="200px"”这里调整到合适的大小就可以。“width”是广告图片的宽度“height”是广告图片的高度。