หัวข้อ: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: kengointer ที่ 16 กันยายน 2008, 21:58:50
มีลูกค้ามาลงโฆษณาเค้าต้องการให้ 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> ช่วยข้อยแหน่ :-[
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: icann ที่ 16 กันยายน 2008, 22:17:22
ไม่รู้อะแต่มาช่วยขุด
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: 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> </td>
</tr>
</table>
</body>
</html>
ลองเอาไปทดสอบดูครับ ทดสอบใน Fire Fox ด้วยนะครับ
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: peeka ที่ 17 กันยายน 2008, 00:19:15
อันนี้ความเห็นส่วนตัวนะ
พวก Ad วิ่งตาม scroll ที่มันชอบมาบังเนื้อหาเนี่ย ไม่ค่อยชอบเลย
บางเจ้าเหมือนหลอกให้คลิกก่อน (ทำเหมือนปุ่ม close window แต่ที่จริงเป็นเนื้อโฆษณา) แล้วมีปุ่ม close จริง ๆ ไว้ให้มองยาก ๆ
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: A-LAND ที่ 17 กันยายน 2008, 00:57:05
เอาไปวางระหว่าง 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>
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: rakbeena ที่ 17 กันยายน 2008, 01:08:35
สกอร์บาร์นี้ไปทำแบนเนอร์ของแอดเซ็นได้ไหม
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: win ที่ 17 กันยายน 2008, 01:10:54
สกอร์บาร์นี้ไปทำแบนเนอร์ของแอดเซ็นได้ไหม
วิธีนี้ ห้ามนำไปใช้กับ Google Ads น่ะครับ
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: rakbeena ที่ 17 กันยายน 2008, 02:34:31
เย้ ได้ค่า pr จากเว็บนี้สองแล้ว เย้ดีใจ อยากได้ตั้งนานแล้ว >:(
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: greenbear ที่ 18 กันยายน 2008, 16:14:19
มาช่วยขุดด้วยคน ๆ
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: etgsgroup ที่ 18 กันยายน 2008, 16:30:47
ลองไปหาที่นี่นะครับ http://www.dynamicdrive.com ผมเคยเล่น โค้ดตัวนี้อยู่
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: kobe_quake ที่ 18 กันยายน 2008, 17:06:17
ใช้ตัวที่ผมเคยใช้ไหมครับ ตอนนี้ผมเอาออกแล้ว เพราะผมขายโฆษณาไม่ได้ อายครับ เลยเอาออก :-[ แต่ถ้าอยากใช้เชิญโหลดครับ ใช้ดีครับขอบอก ไออีก็ได้ หมาย่างก็ใช้ได้ครับ (http://i123.photobucket.com/albums/o295/thaisongbook/banner_flot.jpg) โหลดที่นี่ครับ http://www.esnips.com/doc/0bc6b6c7-a7d0-4289-a3f1-dcbd2ffe6c83/banner_floting
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: harry37 ที่ 01 มิถุนายน 2011, 16:07:56
ขอบคุณมาเลยคับเนี้ย กำลังต้องการเลย
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: shokarita ที่ 01 มิถุนายน 2011, 23:11:12
ขุดๆๆๆ :wanwan017:
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: nuningplus ที่ 11 ตุลาคม 2012, 00:25:30
เปลี่ยน position:absolute; เป็น position:fixed; ครับ
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: VIP116 ที่ 11 ตุลาคม 2012, 00:34:22
ขอเก็บด้วยคน :-[
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: kobthekop ที่ 02 มกราคม 2013, 23:38:17
ขอดันหน่อยครับ ถ้าจะเอาไปประยุคใช้กับ yengo ใครทีเทคนิคดีๆแนะนำบ้างครับ
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: gukorn ที่ 07 มกราคม 2013, 15:53:07
เวลาแสดง ต้องดูทุก browser นะครับ
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: danisthai ที่ 08 มกราคม 2013, 17:03:46
ยังใช้ได้อยู่ใช่ไหมครับ ใช้กับพวกSMF อะไรงี้ :wanwan011:
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: $100perday ที่ 08 มกราคม 2013, 17:34:17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/url]">
<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="[url]http://www.softfmthailand.com/[/url]" 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="[url]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0[/url]" 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="[url]http://www.macromedia.com/go/getflashplayer[/url]" 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> </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:
หัวข้อ: Re: โฆษณาเลื่อนตาม scrool bar ทำยังไงครับ
เริ่มหัวข้อโดย: $100perday ที่ 08 มกราคม 2013, 17:37:33
เสริมอีกนิดครับ เอานี่ไว้แทนส่วนหัวดูครับ <?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>
|