在平湖中实现对联广告,这个很简答。
在index.php.html找到- <script type="text/javascript" src="{S_URL}/include/js/weather.js"></script>
复制代码 下面添加- <script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/js/duilian.js"></SCRIPT>
复制代码 这是JS的代码,到记事本里另存为duilian.js放到你平湖目录里js文件夹里- var delta=0.015;
- var collection;
- var closeB=false;
- function floaters() {
- this.items = [];
- this.addItem = function(id,x,y,content)
- {
- document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
-
- var newItem = {};
- newItem.object = document.getElementById(id);
- newItem.x = x;
- newItem.y = y;
- this.items[this.items.length] = newItem;
- }
- this.play = function()
- {
- collection = this.items
- setInterval('play()',30);
- }
- }
- function play()
- {
- if(screen.width<=800 || closeB)
- {
- for(var i=0;i<collection.length;i++)
- {
- collection[i].object.style.display = 'none';
- }
- return;
- }
- for(var i=0;i<collection.length;i++)
- {
- var followObj = collection[i].object;
- var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
- var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
- if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
- var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
- dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
- followObj.style.left=followObj.offsetLeft+dx;
- }
- if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
- var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
- dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
- followObj.style.top=followObj.offsetTop+dy;
- }
- followObj.style.display = '';
- }
- }
- function closeBanner()
- {
- closeB=true;
- return;
- }
- var theFloaters = new floaters();
- //
- theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="80" height="80" src="http://spcode.baidu.com/spcode/spstyle/style1301.jsp?tn=mysunck_sp&ctn=0&styleid=1301"></iframe>');
- theFloaters.addItem('followDiv2',0,0,'<iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="80" height="80" src="http://spcode.baidu.com/spcode/spstyle/style1301.jsp?tn=mysunck_sp&ctn=0&styleid=1301"></iframe>');
- theFloaters.play();
复制代码 我这里引用的是百度联盟的页面,所以用了ifame标签
如果想用图片
分别把- <iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="80" height="80" src="http://spcode.baidu.com/spcode/spstyle/style1301.jsp?tn=mysunck_sp&ctn=0&styleid=1301"></iframe>
复制代码 改成- <a onClick="closeBanner();" href=连接><img src=图片地址 width=宽 height=高 border=0></a>
复制代码 就可以了 |