socialforge/app/views/courses/_course_ad.html.erb

<div id="floatpoint" class="course_ad"  >
  <table  border=0 width="180px" >
    <tr>
      <td align=center bgcolor=#15bccf >
       <span class="ad_title"><%= l(:label_contact_us) %></span> 
      </td>
    </tr>
    <tr><td><p class="ad_content"><%= l(:label_course_ad_description) %></p></td></tr>
    <tr>
      <td align=center bgcolor="#ececec" >
      	<%= l(:label_course_adcolick) %><a href="http://user.trustie.net/users/12/user_newfeedback">黄井泉</a><br>
      </td>
    </tr>
    <tr>
      <td align=center bgcolor="#ececec" >
        Tel:15388083362<br>
      </td>
    <tr>
      <td align=center bgcolor="#ececec" >
       	<%= l(:label_course_adcolick) %><a href="http://user.trustie.net/users/6/user_newfeedback">王林春</a><br>
      </td>
    </tr>
    <tr>
      <td align=center bgcolor="#ececec" >
        Tel:13467631747<br>
      </td>
    </tr>
  </table>
</div>

<script type="text/javascript">
    var XX=1150;			// 浮动层的X坐标,即左边距
    var xstep=1;			// 移动步长，此参数越小，移动越平滑，最小值为1
    var delay_time=60;		// 每步的时间间隔，此参数越小，移动速度越快
    var YY=0;
    var ch=0;
    var oh=0;
    var yon=1;
    var ns4=document.layers?1:0
    var ie=document.all?1:0
    var ns6=document.getElementById&&!document.all?1:0

    if(ie){
        YY=document.body.clientHeight;				//由clientHeight取得页面的高度
        floatpoint.style.top=YY;				//将浮动层位置调整到页面底部
    }
    else if (ns4){

        YY=window.innerHeight;					//由innerHeight取得页面的高度
        document.floatpoint.pageY=YY;				//将浮动层位置调整到页面底部
        document.floatpoint.visibility="hidden";		//将浮动层隐藏。
    }
    else if (ns6){

        YY=window.innerHeight					//由innerHeight取得页面的高度
        document.getElementById('floatpoint').style.top=YY	//将浮动层位置调整到页面底部
    }
    YY = 0;
    function reloc1(){
        if (ie){
            ch=document.body.clientHeight;
            oh=floatpoint.offsetHeight;
        }
        else if (ns4){
            ch=window.innerHeight;
            oh=document.floatpoint.clip.height;
        }
        else if (ns6){						//如果是NS6
            ch=window.innerHeight					//取页面高度
            oh=document.getElementById("floatpoint").offsetHeight	//取浮动层的高度
        }

        if(yon==0)
        {
            YY=YY-xstep;
        }				//如果当前应该上移，则减小YY值
        else
        {
            YY=YY+xstep;
        }					//否则增加YY值下移
        if(YY<0){yon=1;YY=0;}					//如果浮动层超出了上界，则设定移动方向为向下；并设定层的位置为正好在上界处
        if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}			//如果浮动层超出了下界，则设定移动方向为向上；并设定层的位置为正好在下界处
        if(ie){							//如果是IE
            floatpoint.style.left=XX;				//用style.left设定浮动层左边距
            floatpoint.style.top=YY+document.body.scrollTop;	//用style.top设定浮动层上边距
        }
        else if (ns4){						//如果是NS4
            document.floatpoint.pageX=XX;				//用.pageX设定浮动层左边距
            document.floatpoint.pageY=YY+window.pageYOffset;	//用.pageY设定浮动层上边距
        }
        else if (ns6){						//如果是NS6
//            document.getElementById("floatpoint").style.left=XX
//            document.getElementById("floatpoint").style.top=YY+window.pageYOffset
            $("#floatpoint").offset({left:XX});
            $("#floatpoint").offset({top:YY+window.pageYOffset});
        }

    }

    function onad(){

        if(ns4)			//如果是NS4
            document.floatpoint.visibility="visible";		//设定浮动层为可见
        loopfunc();						//开始主循环，以不断改变浮动层位置
    }
    function loopfunc(){
        reloc1();						//调整浮动层位置
        setTimeout('loopfunc()',delay_time);			//设定下一次调整的延时
    }
    if (ie||ns4||ns6)
        //window.onload=onad					//初始化事件触发器
        $(document).ready(onad());
</script>