10/10/2018, 10:35

Xin code banner 2 bên biên

Hi.
Về cái code để xuát hiện banner 2 bên biên (xuất hiện khi view ở 1240*768 , ko xuất hiện khi view ở 800*600) tôi có 1 cái javascript, cái này hoạt động tốt nhưng 2 bên bắt buộc phải là banner (image), nay tôi muốn code có cùng chức năng nhưng 2 bên có thể set background (color hoặc image), như phimanh.net , cái này set 2 bên là background color.
Bác nào biết xin chỉ dùm, thanks

vikhoa viết 12:41 ngày 10/10/2018

2 bên xuất hiện là layer (div), bạn có thể để gì trong đó mà chẳng được.

Xem lại code và sửa lại nhé.

~guest viết 12:36 ngày 10/10/2018

Tôi có thử như bên dưới mà ko đc

Code:

<DIV id=divAdLeft 
      style="LEFT: -100px; WIDTH: 100px; POSITION: absolute; TOP: 
71px">
<td width="122" align="center" valign="top" background="img/bg_col_right.gif"></td>
</DIV>
      <DIV id=divAdRight 
      style="LEFT: -100px; WIDTH: 100px; POSITION: absolute; TOP: 
71px"><td width="122" align="center" valign="top" background="img/bg_col_right.gif"></td></DIV>

Nếu đặt cái img vào thì work, nhưng tôi muốn đặt background cho kín thì ko đc
Thanks

binhvn viết 12:40 ngày 10/10/2018

ặc ặc, bạn coi lại cái, tự nhiên có cái thẻ <TD> ở đâu chui ra vậy

Code:

<DIV id="divAdLeft" 
     style="LEFT: -100px; WIDTH: 100px; POSITION: absolute; TOP: 71px; background-image: URL(img/bg_col_right.gif)">
</DIV>
      <DIV id=divAdRight 
      style="LEFT: -100px; WIDTH: 100px; POSITION: absolute; TOP: 
71px; background-image: URL(img/bg_col_right.gif)"></DIV>

~guest viết 12:40 ngày 10/10/2018

Xin lỗi các bác, cái java tôi có chỉ làm banner trôi theo khi di chuyển, pác nào có thì cho tôi xin cái java để làm background 2 bên dư ra, như site này chẳng hạn alofun.vietnamnet.vn . Thanks

boy4digital viết 12:49 ngày 10/10/2018

Pa'c nào biết thì giúp đỡ đi, mình cũng đang cần
Giống như trang: http://vnexpress.net thì tốt quá

~guest viết 12:38 ngày 10/10/2018

nếu như vnexpress.net thì đơn giản, copy code sau và paste vào cuối file index

Code:

<DIV id=divAdLeft 
      style="LEFT: -100px; WIDTH: 100px; POSITION: absolute; TOP: 
71px">
<img src="">
</DIV>
      <DIV id=divAdRight 
      style="LEFT: -100px; WIDTH: 100px; POSITION: absolute; TOP: 
71px"><img src=""></DIV>
<SCRIPT language=JavaScript>
	function FloatTopDiv()
	{
		startX = document.body.clientWidth - 106, startY = 71;
		var ns = (navigator.appName.indexOf("Netscape") != -1);
		var d = document;

		if (document.body.clientWidth < 980) startX = -106;


		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;
			el.y = startY;
			return el;
		}

		window.stayTopLeft=function()
		{

			if (document.body.clientWidth < 980)
			{
				ftlObj.x = - 110;ftlObj.y = 0;	ftlObj.sP(ftlObj.x, ftlObj.y);
			}

			else
			{
			if (document.documentElement && document.documentElement.scrollTop)
				var pY = ns ? pageYOffset : document.documentElement.scrollTop;
			else if (document.body)
				var pY = ns ? pageYOffset : document.body.scrollTop;

			if (document.body.scrollTop > 71){startY = 3} else {startY = 71};

			if (document.body.clientWidth >= 1024)
			{
				ftlObj.x = document.body.clientWidth - 110;ftlObj.y += (pY + startY 
- ftlObj.y)/32;ftlObj.sP(ftlObj.x, ftlObj.y);
			}
			else
			{


			ftlObj.x  = startX;
			ftlObj.y += (pY + startY - ftlObj.y)/32;
			ftlObj.sP(ftlObj.x, ftlObj.y);
			}
			}
			setTimeout("stayTopLeft()", 1);
		}

		ftlObj = ml("divAdRight");
		stayTopLeft();

	}
function FloatTopDiv2()
	{
		startX2 = document.body.clientWidth - 1004, startY2 = 71;
		var ns2 = (navigator.appName.indexOf("Netscape") != -1);
		var d2 = document;

		if (document.body.clientWidth < 980) startX2 = -110;


		function ml2(id)
		{
			var 
el2=d2.getElementById?d2.getElementById(id):d2.all?d2.all[id]:d2.layers[id];
			if(d2.layers)el2.style=el2;
			el2.sP=function(x,y){this.style.left=x;this.style.top=y;};
			el2.x = startX2;
			el2.y = startY2;
			return el2;
		}

		window.stayTopLeft2=function()
		{
			if (document.body.clientWidth < 980)
			{
				ftlObj2.x = - 110;ftlObj2.y = 0;	ftlObj2.sP(ftlObj2.x, ftlObj2.y);
			}
			else
			{
			if (document.documentElement && document.documentElement.scrollTop)
				var pY2 = ns2 ? pageYOffset : document.documentElement.scrollTop;
			else if (document.body)
				var pY2 = ns2 ? pageYOffset : document.body.scrollTop;

			if (document.body.scrollTop > 71){startY2 = 3} else {startY2 = 71};

			if (document.body.clientWidth >= 1024)
			{
				ftlObj2.x =  0;ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/32;	
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
			}
			else
			{



			ftlObj2.x  = startX2;
			ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/32;
			ftlObj2.sP(ftlObj2.x, ftlObj2.y);
			}
			}
			setTimeout("stayTopLeft2()", 1);
		}

		ftlObj2 = ml2("divAdLeft");
		stayTopLeft2();

	}


	function ShowAdDiv()
	{
		var objAdDivLeft  = document.getElementById("divAdLeft");
		var objAdDivRight = document.getElementById("divAdRight");
		if (document.body.clientWidth < 980)
		{
			objAdDivLeft.style.left  = - 110;
			objAdDivRight.style.left = - 110;
		}

		else
		{
			objAdDivLeft.style.left  = 0;
			objAdDivRight.style.left = document.body.clientWidth - 110;
		}
		FloatTopDiv();
		FloatTopDiv2();
	}
	ShowAdDiv();

</SCRIPT>

tôi muốn set background cho 2 bên, help me plzzzz

Vinhie47 viết 12:36 ngày 10/10/2018

ông này hỏi vu vơ quá, ấn vào 2 cái site phimanh với alofun chẳng thấy có cái image nào 2 bên như thế cả. Tóm lại là nếu chỉ là javascript thì mở cái trang nào có cái hiệu ứng ấy rồi cố mà tìm xem cái script ấy nó đặt ở đâu (có thể lần lượt xoá bớt các phần khác đi).

nchh viết 12:52 ngày 10/10/2018

Được gửi bởi ~guest

Tôi có thử như bên dưới mà ko đc

Code:

<DIV id=divAdLeft 
      style="LEFT: -100px; WIDTH: 100px; POSITION: absolute; TOP: 
71px">
<td width="122" align="center" valign="top" background="img/bg_col_right.gif"></td>
</DIV>
      <DIV id=divAdRight 
      style="LEFT: -100px; WIDTH: 100px; POSITION: absolute; TOP: 
71px"><td width="122" align="center" valign="top" background="img/bg_col_right.gif"></td></DIV>

Nếu đặt cái img vào thì work, nhưng tôi muốn đặt background cho kín thì ko đc
Thanks

Cái code này mình cũng đang dùng nhưng test thì không chạy được trên Firefox?!

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

~guest

0 chủ đề

0 bài viết

Tác giả nổi bật