โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ

เริ่มโดย kengointer, 16 กันยายน 2008, 21:58:50

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

kengointer

มีลูกค้ามาลงโฆษณาเค้าต้องการให้ banner เลื่อน ขึ้น-ลง ตาม scroll บาร์คับ

ท่านใดมีโค้ดผมขอ copy หน่อยนะคับ 

ผมใช้โค้ดไอ้นี่แล้วมันไม่ยอมเลื่อน  :P

<DIV id="waterMark" style="position: absolute; left: 1030px; top: 305px; width: 120px; height: 400">
<p align="left"><a href="images/Giggs.gif,jpg,ฯลฯ" onClick="window.scrollTo(100,100)"><img src="ying2.gif" width="150" height="409" /></a></p>
</DIV>


ช่วยข้อยแหน่  :-[

icann

อยากรู้ต้องขวนขวายหาอ่าน อยากชำนาญต้องลงมือทำ
follow me on twitter @9nat เหงา [direct=http://www.deeja.net/]หาเพื่อน[/direct] เล่น [direct=http://www.deeja.net/]msn[/direct] ครับ :3

kennn


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>

<style type="text/css"><!--ส่วนบังคับ DIV ให้ซ่อน -->
#topbar{
position:absolute;
border: 0px solid black;
padding: 2px;
width: 500px;
visibility: hidden;
z-index: 100;
}
</style>

<script type="text/javascript">

var persistclose=1
var startX = 250
var startY = 20

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

var verticalpos="fromtop"

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){

var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
</head>
<body>

<div id="topbar" align="center">
<table width="500" align="center" border="0" cellpadding="0" cellspacing="0" >
  <!--DWLayoutTable-->
  <tr>
    <td width="500" height="19" align="right" valign="top"><a href="http://www.softfmthailand.com/" onClick="closebar(); return false"><font color="" size="2" face="Geneva, Arial, Helvetica, sans-serif"> [ X ] <b>ปิดหน้าต่างนี้</b> </font></a></td>
  </tr>
  <tr>
    <td height="400" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400">
      <param name="movie" value="/banner/popup500x400.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="" value=""
      <embed src="/banner/popup500x400.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
    </object></td>
  </tr> 
</table>
</div>


<!--ตารางทดสอบความสูง 1000px -->
<table width="200" height="1000" border="1">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>



ลองเอาไปทดสอบดูครับ ทดสอบใน Fire Fox ด้วยนะครับ

[direct=https://www.strikeprofx.com/th/]StrikeProFx โบรกเกอร์ Forex ฝาก-ถอนรวดเร็ว[/direct]
[direct=https://www.strikeprofx.com/]StrikeProFx Best Forex Broker Fast Deposit&Withdraw[/direct]

peeka

อันนี้ความเห็นส่วนตัวนะ

พวก Ad วิ่งตาม scroll ที่มันชอบมาบังเนื้อหาเนี่ย ไม่ค่อยชอบเลย

บางเจ้าเหมือนหลอกให้คลิกก่อน (ทำเหมือนปุ่ม close window แต่ที่จริงเป็นเนื้อโฆษณา) แล้วมีปุ่ม close จริง ๆ ไว้ให้มองยาก ๆ


[direct=http://astore.amazon.com/allactionfigures-20]ALL Action Figures Store[/direct]

[direct=http://allactionfigures.ueuo.com/blog/]ALL Action Figures Store Blog[/direct]

A-LAND

เอาไปวางระหว่าง body นะครับ แนะนำให้เอาไว้ข้างล่างสุดครับ

<STYLE type=text/css>
#topbar {
BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; PADDING-LEFT: 0px; Z-INDEX: 100; RIGHT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px solid; WIDTH: 110px; PADDING-TOP: 3px; BORDER-BOTTOM: 0px solid; POSITION: absolute; TOP: 300px; HEIGHT: 367px
}
</STYLE>

<SCRIPT type=text/javascript>

var persistclose = 0
var startX = 10 // ตำแหน่งแกน X ที่จะแสดงกล่องโฆษณา นับจากด้านขวามือ
var startY = 30 // ตำแหน่งแกน Y ที่จะแสดงกล่องโฆษณา นับจากด้านบน

function iecompattest() {
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

var verticalpos="fromtop"

function closebar() {
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar() {
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id) {
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else {
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function() {
if (verticalpos=="fromtop") {
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/1;
}
else {
var pY = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/1;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</SCRIPT>

<DIV id=topbar>

<!-- ใส่ CODE HTML ที่ด้านล่าง เชิญ Design กันเองเลยครับ HTML ธรรมดาๆ ไม่ใช้แบบที่ผมทำไว้ก็ได้ -->
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" width="125" height="125">

  <tr>
    <td width="100%">
    <A onclick="closebar(); return false" href="#"><img border="0" src="../../images2/scrollclose.gif" alt="ปิด" width="120" height="11"></A></td>
  </tr>
 
  <tr>
    <td width="100%">
    <a href="http://www.codetukyang.com/ads" target="_blank">
    <img border="0" src="../../../bg/ads120.gif" width="120" height="120"></a></td>
  </tr>
 
</table>
<!-- จบส่วนการใส่ CODE HTML สำหรับผู้ใช้งาน -->
</DIV>
https://secrelocal.com - Local Dating Chat Rooms - No Selfie - Anonymous Sex Dating -   No Bots Dating Chat

rakbeena

สกอร์บาร์นี้ไปทำแบนเนอร์ของแอดเซ็นได้ไหม
เหนื่อยๆๆๆ

[direct=http://www.thaiseoforum.com]SEO Adsense Adwords Forum [/direct]

win

อ้างถึงจาก: rakbeena ใน 17 กันยายน 2008, 01:08:35
สกอร์บาร์นี้ไปทำแบนเนอร์ของแอดเซ็นได้ไหม

วิธีนี้ ห้ามนำไปใช้กับ Google Ads น่ะครับ

rakbeena

เย้ ได้ค่า pr จากเว็บนี้สองแล้ว  เย้ดีใจ   อยากได้ตั้งนานแล้ว >:(
เหนื่อยๆๆๆ

[direct=http://www.thaiseoforum.com]SEO Adsense Adwords Forum [/direct]

greenbear


etgsgroup

ลองไปหาที่นี่นะครับ http://www.dynamicdrive.com ผมเคยเล่น โค้ดตัวนี้อยู่
ขอบคุณ ThaiSeoBoard สำหรับความรู้ทั้งทางด้าน SEO, SEM, Affiliate ตั้งแต่สมัยที่คนไทยไม่มีความรู้เกี่ยวกับ Digital Marketing เลย ต้องอ่านจาก ต่างประเทศอย่างเดียว

kobe_quake

#10
ใช้ตัวที่ผมเคยใช้ไหมครับ ตอนนี้ผมเอาออกแล้ว เพราะผมขายโฆษณาไม่ได้ อายครับ เลยเอาออก  :-[ แต่ถ้าอยากใช้เชิญโหลดครับ ใช้ดีครับขอบอก ไออีก็ได้ หมาย่างก็ใช้ได้ครับ



โหลดที่นี่ครับ

http://www.esnips.com/doc/0bc6b6c7-a7d0-4289-a3f1-dcbd2ffe6c83/banner_floting
[direct=http://www.thaisongbook.com]เพลงใต้ดิน[/direct]|

harry37

ขอบคุณมาเลยคับเนี้ย กำลังต้องการเลย

shokarita


nuningplus

เปลี่ยน position:absolute; เป็น position:fixed; ครับ


VIP116


kobthekop

ขอดันหน่อยครับ ถ้าจะเอาไปประยุคใช้กับ yengo ใครทีเทคนิคดีๆแนะนำบ้างครับ


danisthai

ยังใช้ได้อยู่ใช่ไหมครับ    ใช้กับพวกSMF อะไรงี้   :wanwan011:

$100perday

อ้างถึงจาก: kennn ใน 16 กันยายน 2008, 22:29:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>

<style type="text/css"><!--ส่วนบังคับ DIV ให้ซ่อน -->
#topbar{
position:absolute;
border: 0px solid black;
padding: 2px;
width: 500px;
visibility: hidden;
z-index: 100;
}
</style>

<script type="text/javascript">

var persistclose=1
var startX = 250
var startY = 20

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name   "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset  = search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

var verticalpos="fromtop"

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){

var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x "px";this.style.top=y "px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y  = (pY   startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset   innerHeight : iecompattest().scrollTop   iecompattest().clientHeight;
ftlObj.y  = (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
</head>
<body>

<div id="topbar" align="center">
<table width="500" align="center" border="0" cellpadding="0" cellspacing="0" >
  <!--DWLayoutTable-->
  <tr>
    <td width="500" height="19" align="right" valign="top"><a href="http://www.softfmthailand.com/" onClick="closebar(); return false"><font color="" size="2" face="Geneva, Arial, Helvetica, sans-serif"> [ X ] <b>ปิดหน้าต่างนี้</b> </font></a></td>
  </tr>
  <tr>
    <td height="400" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400">
      <param name="movie" value="/banner/popup500x400.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="" value=""
      <embed src="/banner/popup500x400.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="400"></embed>
    </object></td>
  </tr> 
</table>
</div>


<!--ตารางทดสอบความสูง 1000px -->
<table width="200" height="1000" border="1">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>



ลองเอาไปทดสอบดูครับ ทดสอบใน Fire Fox ด้วยนะครับ



ตามท่านนี้เลยนะครับ
แต่มีข้อสังเกตุนิดนึง ลองทดสอบดูนะครับ เผื่อผมเข้าใจผิด แต่ลองมาหลายครั้งน่าจะใช่

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr">

ตรงส่วนนี้อ่ะครับ
ถ้าไม่มีมันก็ไม่วิ่งตามสกอร์บาร์เลย  :wanwan020:
เหนื่อย..

$100perday

เสริมอีกนิดครับ
เอานี่ไว้แทนส่วนหัวดูครับ

<?php echo "<?xml version=\"1.0\" encoding=\"utf-8\"?".">"; ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

ส่วนก่อนปิด </body>
เอา code ด้านล่างนี้ไปใส่ดูครับ


<div style="position:fixed; bottom:0px; width: 120; left:0px;">
     <div style="text-align:center ; width:120; padding:0px; margin:0;">
        <a onClick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);" style="cursor:pointer; padding:0px; margin:0;" >
           <strong><span style="color: #ffff00"><span style="background-color: #000000">[x] close</span></span></strong>
        </a>
    </div>
    <div align="center">
<a href=Url ของป้าย target=_blank><img src=ป้าย.jpg border=0></a>
</div>
</div> 
เหนื่อย..