Scrolling Ads

desicrew

New Member
Messages
20
Reaction score
0
Points
0
Friends I want to add scrolling ad to my site ads which scroll as you scroll up\down can any one help me how to do this....
 

GamingX

Executive Team
Messages
6,355
Reaction score
3
Points
38
I don't think it is a good idea to have scrolling ads, it acts as a nuisance to any viewers and scrolling ads are usually associated with the 'other' kinds of websites, my suggestion is don't go for scrolling ads, though if you want it someone might be along to help you, I have no idea LOL!!
 

Mooseman

New Member
Messages
89
Reaction score
0
Points
0
If I understand you correct, you want some sort of a floating menu.

But beware things that float, you have been warned! LOLOL
Floating ads can be very annoying and there are methods,
software for 'killing' those floating ads

This will scroll on your left side of the screen, and is a very small box.
You can change colors and size to suit your needs.
I got this from Dynamic Drive and they are using deprecated HTML tags and does the styling in HTML, but it works.
You can replace the text with images and/or links if you like

Code:
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" bgcolor="#FFFFCC">
      <p align="center"><b><font size="4">Menu</font></b></td>
  </tr>
  <tr>
    <td width="100%" bgcolor="#FFFFFF">
      <p align="left"> Testlink<br>
See if this floats when<br/>
you scroll on your page
       </td>
  </tr>
</table>
<!--END OF EDIT-->

</layer>


<script type="text/javascript">

/*
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
	var startX = 3,
	startY = 150;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	function ml(id)
	{
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x;this.style.top=y;};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else{
		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		el.y -= startY;
		}
		return el;
	}
	window.stayTopLeft=function()
	{
		if (verticalpos=="fromtop"){
		var pY = ns ? pageYOffset : document.body.scrollTop;
		ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else{
		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("divStayTopLeft");
	stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
 
Top