ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programming[SMF] ช่วยดู code ทีครับผมจะทำ banner slide ด้านข้าง
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: [SMF] ช่วยดู code ทีครับผมจะทำ banner slide ด้านข้าง  (อ่าน 884 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
HaNoY
Global Moderator
สมุนแก๊งเสียว
*****

พลังน้ำใจ: 48
ออฟไลน์ ออฟไลน์

กระทู้: 581



ดูรายละเอียด
« เมื่อ: 22 สิงหาคม 2011, 15:30:14 »

ทำได้แล้ว 1 ข้าง แต่อีกข้างทำไม่ได้ครับ ลองทำดูแล้ว position มันเพี้ยนอะครับ

code ส่วน <head> ครับ
<style type="text/css">
      #topbar{
      position:absolute;
      border: 1px solid black;
      padding: 0px;
      background-color: lightyellow;
      width: 0px;
      visibility: hidden;
      z-index: 100;
      }
   </style>

<script type="text/javascript">


var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 60 //set x offset of bar in pixels
var startY = 20 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

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;
}

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

function staticbar(){
   barheight=document.getElementById("topbar").offsetHeight
   var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
   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 - barheight: iecompattest().scrollTop   iecompattest().clientHeight - barheight;
      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>


ส่วน <body> ครับ

<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="http://kiku18up.com/banner/close.gif " border="0" /></a>
<a href="http://www.kiku18up.com/banner/banner.html "  target="_blank"><img border="0" src="http://kiku18up.com/banner/banner_slide160x600.gif "/></a>
   </div>

จะทำยังไงให้มันมี banner slide เลื่อนตามแบบนี้ทั้ง 2 ข้างอะครับ

ผมลอง copy code ทั้งหมดที่ผมทำไป แล้วเพิ่มขึ้นมาอีกชุดเพื่อจะเปลี่ยน slide มาอยู่ตำแหน่งด้านขวา
ผมไปเปลี่ยนตรงนี้อะครับ
el.sP=function(x,y){this.style.left=x "px";this.style.top=y "px";}; <<< this.style.left เปลี่ยนเป็น this.style.right แต่มันทำให้ scale position ด้านซ้ายเพี้ยนและขยับตามอะครับ

หรือถ้าใครมี mod smf เจ๋งๆ มาให้มาใช้ก็ดีนะครับ ขอวิธีใช้ด้วยจะดีมากครับ

บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์