=========================================================
<style>
#dhtmlgoodies_contentBox {
  border:1px solid #317082;
  height:0px;
  visibility:hidden;
  position:absolute;
  background-color:#FFFFCC;
  overflow:hidden;
  padding:10px;
  width:250px;
}

#dhtmlgoodies_content {
  position:relative; 
  font-family: tahoma;
  width:100%;
  font-size:9pt;
}
</style>
 
<script type="text/javascript">
var initHeight = 0;
var slidedown_direction = 1;
var slidedownContentBox = false;
var slidedownContent = false;
var slidedownActive = false;
var contentHeight = false;
var slidedownSpeed = 3;  // Higher value = faster script
var slidedownTimer = 7; // Lower value = faster script

function slidedown_showHide() {
  if(initHeight==0)slidedown_direction=slidedownSpeed; else slidedown_direction = slidedownSpeed*-1;
  if(!slidedownContentBox) {
    slidedownContentBox = document.getElementById('dhtmlgoodies_contentBox');
    slidedownContent = document.getElementById('dhtmlgoodies_content');
    contentHeight = document.getElementById('dhtmlgoodies_content').offsetHeight;
  }
  slidedownContentBox.style.visibility='visible';
  slidedownActive = true;
  slidedown_showHide_start();
}

function slidedown_showHide_start() {
  if(!slidedownActive)return;
  initHeight = initHeight/1 + slidedown_direction;
  if(initHeight <= 0) {
    slidedownActive = false;
    slidedownContentBox.style.visibility='hidden';
    initHeight = 0;
  }
  if(initHeight>contentHeight) {
    slidedownActive = false;
  }
  slidedownContentBox.style.height = initHeight + 'px';
  slidedownContent.style.top = initHeight - contentHeight + 'px';
  setTimeout('slidedown_showHide_start()',slidedownTimer); // Choose a lower value than 10 to make the script move faster
}

function setslidedownWidth(newWidth) {
  document.getElementById('dhtmlgoodies_slidedown').style.width = newWidth + 'px';
  document.getElementById('dhtmlgoodies_contentBox').style.width = newWidth + 'px';
}

function setSlideDownSpeed(newSpeed) {
  slidedownSpeed = newSpeed;
}
</script>
=========================================================
 
 
body 와 /body 사이에 원하는 위치에 삽입하세요.
 
<div id="dhtmlgoodies_control">
<a href="#" onclick="slidedown_showHide();return false;">
<img src="사진경로" border="0">
</a>
</div>

 
  <div id="dhtmlgoodies_contentBox">
  <div id="dhtmlgoodies_content">
  여기에 연락처가 될 내용을 삽입하세요<br><br><br><br><br><br>
  </div>
  </div>

<script type="text/javascript">
setSlideDownSpeed(4);
</script>


여기있는 소스를 토대로 했는데
이게 문제가 되는것이 모니터해상도에 따라서 위치가 지마음데로 바뀌어 버리네요...

해상도가 바뀌더라도 항상 가운데 딱 있게 할수는 없나요?