网站左右悬浮对联广告代码 怎么调整和制作飘浮广告
网站左右悬浮对联广告代码怎么制作和初始化
说到左右两侧悬浮广告,咱们先得准备好环境。首先,你得在网站主目录下建立一个JS文件,比如叫ad-01.js,然后把相关的JavaScript代码复制进去,保存成JS格式。代码里有个initEcAd()函数,这玩意先把广告层的位置设置起来,然后让广告显示出来。简单点说,就是让两边的广告框动起来,而且“上下”可以不断地滑动,非常炫酷。
接着,这些广告通常是用一些“浮动”函数来管理的,里面定义了移动速度、初始化状态啥的。说白了,就是给广告设置在页面上的运动轨迹,移动幅度什么的,这样访客看到的广告才不会静止,让你的页面更有活力。

广告高度和位置该怎么调整?有什么代码技巧帮忙优化
这里,我给你整了个1、2、3号步骤,保证你看了之后能自己轻松调高度和位子:
-
调整广告高度:简单!找到包含广告代码的那两行,比如
theFloaters.addItem('followDiv2',0,0,'');,里面的height值就是控制广告高度的,你想多高就调大点,想小点就调小,改完保存立马能看到效果。 -
调节广告位置:这块代码通常长成这样:
js theFloaters.addItem('followDiv1',6,document.documentElement.clientWidth-106,80,''); theFloaters.addItem('followDiv2',6,10000000000,80,'');
其中参数document.documentElement.clientWidth-106决定了广告靠右边缘的位置,你可以改数字,向左或者向右滑动,轻松调出理想效果。 -
如何关闭广告:广告可别一开就死板死板,要支持关闭功能不是难事。关键就在于点击事件:
html onclick="document.getElementById('followDiv1').style.display='none'"
这段代码得加到关闭按钮或者广告的X上,用户点了,广告就消失啦!超简单有木有!
总之,调整高度、左右位置、还能随时关掉,咱们的网站广告灵活多了,谁不喜欢点?

相关问题解答
-
左右悬浮对联广告怎么快速开始制作?
嘿,这很简单啦!先创建一个JS文件,比如ad-01.js,把标准的广告管理代码粘进去,然后页面里引入就行了。代码里有个initEcAd()函数,一调用,广告就会开始动,轻松搞定,so easy! -
广告上下滑动的速度可以自己定制吗?
当然可以!代码里有个控制移动步长的变量delta,你想快点儿或者慢点儿都能调。想要不一样的动画效果,自己改改参数玩玩,非常自由,一秒钟上手。 -
关闭按钮不见了怎么办?
别慌!检查HTML里有没有给关闭按钮加上onclick="document.getElementById('followDiv1').style.display='none'"这个东东,它是让广告飞走的关键代码。如果没写上,马上补上,你的广告按钮就能用啦! -
广告位置如何适配不同屏幕宽度?
超级简单!代码中document.documentElement.clientWidth就是获取当前窗口宽度,你修改- 106里的数字就改变距离右边的距离。想让广告始终贴边,就微调这个数字,这样在不同屏幕尺寸下,广告位置依然灵活又稳妥!
添加评论