下次自动登录
现在的位置:
& 综合 & 正文
javascript 实现FLASH浮动图标广告代码
　　使用　Javascript ，实现一个可移动的图标在网页上飘动，鼠标放在上面的时候，图标不动，移开后，图标又开始移动．
javascript 代码如下：
&script language='javascript'& var xPos = <span style="COLOR: #;var yPos = <span style="COLOR: #; var step = <span style="COLOR: #;var delay = <span style="COLOR: #;var height = <span style="COLOR: #; var Hoffset = <span style="COLOR: #;var Woffset = <span style="COLOR: #; var yon = <span style="COLOR: #;var xon = <span style="COLOR: #; var xon = <span style="COLOR: #; var var img = document.getElementById('img'); img.style.top = <span style="COLOR: #; function changePos()...{
width = document.body.clientW
height = document.body.clientH
Hoffset = img.offsetH
Woffset = img.offsetW
img.style.left = xPos + document.body.scrollL
img.style.top = yPos + document.body.scrollT
if (yon) ...{
yPos = yPos +
}else ...{
yPos = yPos -
if (yPos & <span style="COLOR: #) ...{
yon = <span style="COLOR: #;
yPos = <span style="COLOR: #;
if (yPos &= (height - Hoffset)) ...{
yon = <span style="COLOR: #;
yPos = (height - Hoffset);
if (xon) ...{
xPos = xPos +
xPos = xPos -
if (xPos & <span style="COLOR: #) ...{
xon = <span style="COLOR: #;
xPos = <span style="COLOR: #;
if (xPos &= (width - Woffset)) ...{
xon = <span style="COLOR: #;
xPos = (width - Woffset);
} } function start() ...{
img.visibility = 'visible';
interval = setInterval('changePos()', delay); } function mystop() ...{
clearInterval(interval) } start() &/script&
页面中，代码如下：
&!-- FLASH浮动图标广代码--&&span id='img' style='position: ' onmouseover='mystop()' onmouseout='start()'&
&object classid='clsid:D27CDB6E-AE6D-11cf-96B8-' codebase='/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0'
width='140' height='160'&
&param name='movie' value='.cn/swf/sample.swf'&
&param name='quality' value='high'&
&param name="wmode" value="transparent"&
&!--这里代码可使Flash背景透明 --&
&embed src='.cn/swf/sample.swf' quality='high' pluginspage='/go/getflashplayer'
type='application/x-shockwave-flash' width='306' height='141'& &/embed&
&/object&&/span&
　　原理：就是调用Macromedia的Flash组件，在Span中运行指定的SWF文件（&param name='movie' value='.cn/swf/sample.swf'&），Javascript脚本用于控制Span的运动．
&&&&推荐文章:
【上篇】【下篇】热门搜索：
您的位置： -&
软件教程分类查找
非常抱歉！2345软件大全没能为您提供完善服务，万分感谢能得到您的指点！
您的建议：
精品软件课程
人气：367926
Dreamweaver是网页制作和管理的所见即所得
人气：664824
Adobe Flash，是Macromedia公司（现被Adob
人气：65540
是个原本由Macromedia公司所开发的著名网站
人气：244676
PHP是一种 HTML 内嵌式的语言，是一种在服
小游戏推荐
用JavaScript实现网页上的浮动广告
出处：2345软件大全
人气：3360
核心提示：漫游于网络之间，你会发觉，因特网不但是信息的海洋，也是广告的海洋。除了普通的Gif Banner、Flash外，浮动广告也是时下网上较为流行的广告形式之一。
　　漫游于网络之间，你会发觉，因特网不但是信息的海洋，也是广告的海洋。除了普通的Gif Banner、Flash外，浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时，这种在页面上浮动的广告，可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值，但对浏览你网页的人来讲，这则是个既妨碍阅读，又影响阅读兴趣的东西，因此一定不能滥用。不过，如果你能善用的话，它就能发挥出极大的作用。
　　要做出浮动式广告的效果并不困难，如果你有JS基础的可以自己写一个，如果连写都懒得写的话，到网上下载一个特效工具，按提示粘贴一下代码就OK。不过，想要真正了解它是怎样做出来的，则需要掌握一些JS知识了。这里向大家介绍一下简单的浮动广告做法。
　　以下这段代码可放在&body&&/body&之间，其间我加入了一些注释（即“//”后的文字及“&!—”“--&”之间的文字）。
　　 &SCRIPT FOR=window EVENT=onload LANGUAGE="JScript"&　　 initAd();//载入页面后，调用函数initAd()　　 &/SCRIPT&　　 &script language="JScript"&　　 &!--　　 function initAd() {　　 document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置　　 document.all.AdLayer.style.visibility = 'visible'//设置层为可见　　 MoveLayer('AdLayer');//调用函数MoveLayer()　　 }　　 function MoveLayer(layerName) {　　 var x = 600;//浮动广告层固定于浏览器的x方向位置　　 var y = 300;//浮动广告层固定于浏览器的y方向位置　　 var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;　　 var y = document.body.scrollTop + y -　　 eval("document.all." + layerName + ".style.posTop = y");　　 eval("document.all." + layerName + ".style.posLeft = x");//移动广告层　　 setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()　　 }　　 //--&　　 &/script&　　 &!--下面为一个ID为AdLayer的层（如ID名不为AdLayer，上面MoveLayer()内的AdLayer也要作相应修改），包括一张带链接的图片--&　　 &div id=AdLayer style='position: width:61 height:59 z-index:20; visibility:; left: 600 top: 300px'& 　　 &a href="/bbs"&&img src='../qqkk2000.gif' border="0" height="60" width="60"&&/a& 　　 &/div&
　　在这里，你可以设置x、y的值来设定所固定层的位置，改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是，使用的图片最好为透明背景的gif图，以使图片的背景颜色不至于遮住后面的的内容。
　　切记，要慎用浮动式广告，考虑使用特效的同时，千万要考虑到浏览者的感觉，不能滥用哦！
相关教程推荐
相关软件推荐
资源统计：无插件软件：94931个 无病毒软件：95228个 昨日已处理140个带插件、病毒的软件
本站总软件：95228个 软件总下载次数：22.822亿次
软件教程文章：97879篇 总浏览次数：3.122亿次很酷炫的一款JS广告浮窗代码，支持左下角延时2秒浮出，可以拖拽窗口到网页其它地方，会自动吸附边缘，用来做网站的广告逍窗或提示窗很适合，良好的互动性让人印象深刻。...
| 更新时间：
基于jquery实现的一款类似户外三面翻广告牌/百叶窗旋转切换的特效，视觉效果很棒，适合做网站单独的广告展示页面，推荐试用！...
| 更新时间：
基于jquery的一款广告条特效代码，支持自动隐藏在网页左侧，单击后滑到网页中间，可关闭，效果很好，适合做网站广告展示，有效节省空间。...
| 更新时间：
一款挺实用的jquery广告代码，在鼠标移动到图片上方时自动显示大图片，鼠标移开时会自动收缩成顶部banner广告条形式，不占用空间，很适合放在网站首页做广告展示之用。...
| 更新时间：
这是一款支持设置播放时间的网站顶部巨幅FLASH广告代码，可以自由设定广告在何时播放，特别适合做针对性的广告投放，灵活度较高。...
| 更新时间：
基于jquery的一款网站常用广告特效代码，右上角双层撕页广告效果，相比普通的右上角撕页广告不同，这款广告特效可以撕开二次，效果不错，推荐试用！...
| 更新时间：
基于jQuery的一款banner广告条特效代码，鼠标移到广告图上面，右边会显示上下滚动的箭头，支持多张广告图上下翻转滚动，适合用于网站顶部广告展示。...
| 更新时间：
基于jQuery的泰山压顶式首页广告代码，自带关闭按钮，打开时自动展开成990x500巨幅广告，然后收缩成990x60的banner广告条，视觉效果不错。...
| 更新时间：
一款基于jquery的超棒右下角浮窗广告代码，支持TAB选项卡效果，可以像幻灯片轮播一样展示广告图片，带有关闭和打开提示条，效果很漂亮，用来做网站的浮窗广告展示很好用。...
| 更新时间：
在网页右下角滑出式的浮窗广告代码，可以支持图文混合列表推荐，有关闭按钮，浏览器兼容IE和火狐，右下角滑动式浮窗因为关注度比较高，所以也被经常用来做广告展示。...
| 更新时间：
jQuery幻灯
jQuery相册
jQuery幻灯
jQuery幻灯
jQuery幻灯如何制作浮动广告_Javascript教程_
如何制作浮动广告
来源：人气：41823
　　漫游于网络之间，你会发觉，因特网不但是信息的海洋，也是广告的海洋。除了普通的Gif Banner、外，浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时，这种在页面上浮动的广告，可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值，但对浏览你网页的人来讲，这则是个既妨碍阅读，又影响阅读兴趣的东西，因此一定不能滥用。不过，如果你能善用的话，它就能发挥出极大的作用。　　要做出浮动式广告的效果并不困难，如果你有JS基础的可以自己写一个，如果连写都懒得写的话，到网上下载一个特效工具，按提示粘贴一下代码就OK。不过，想要真正了解它是怎样做出来的，则需要掌握一些JS知识了。这里向大家介绍一下简单的浮动广告做法。　　以下这段代码可放在 & body & & /body &之间，其间我加入了一些注释（即“//”后的文字及“ & !—”“-- &”之间的文字）。& SCRT FOR=window EVENT=onload LANGUAGE="JScript" &initAd();//载入页面后，调用函数initAd()& /SCRIPT && script language="JScript" && !--function initAd() {document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置document.all.AdLayer.style.visibility = 'visible'//设置层为可见MoveLayer('AdLayer');//调用函数MoveLayer()}function MoveLayer(layerName) {var x = 600;//浮动广告层固定于浏览器的x方向位置var y = 300;//浮动广告层固定于浏览器的y方向位置var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;var y = document.body.scrollTop + y -eval("document.all." + layerName + ".style.posTop = y");eval("document.all." + layerName + ".style.posLeft = x");//移动广告层setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()}//-- && /script && !--下面为一个ID为AdLayer的层（如ID名不为AdLayer，上面MoveLayer()内的AdLayer也要作相应修改），包括一张带链接的图片-- && div id=AdLayer style='position: width:61 height:59 z-index:20; visibility:; left: 600 top: 300px' & & a href="/bbs" & & img src='../kk2000.gif' border="0" height="60" width="60" & & /a & & /div &　　在这里，你可以设置x、y的值来设定所固定层的位置，改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是，使用的图片最好为透明背景的gif图，以使图片的背景颜色不至于遮住后面的的内容。　　切记，要慎用浮动式广告，考虑使用特效的同时，千万要考虑到浏览者的感觉，不能滥用哦！
优质网站模板