修改作业右侧悬浮框css、js

app/views/courses/_course_ad.html.erb

@@ -1,6 +1,6 @@
 
 <div id="floatpoint" class="course_ad"  >
-  <table  border=0 width="180px" >
+  <table  border=0>
     <tr>
       <td align=center bgcolor=#15bccf >
        <span class="ad_title"><%= l(:label_contact_us) %></span> 
@@ -30,85 +30,25 @@
 </div>
 
 <script type="text/javascript">
-    var XX=1150;			// 浮动层的X坐标,即左边距
     var xstep=1;			// 移动步长，此参数越小，移动越平滑，最小值为1
     var delay_time=60;		// 每步的时间间隔，此参数越小，移动速度越快
     var YY=0;
-    var ch=0;
+    var screen_height = $(window).height();          //浏览器当前窗口文档的高度
-    var oh=0;
+    var screen_width = $(window).width();            //浏览器当前窗口文档的宽度
-    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){
+   window.setInterval(function(){move();},delay_time);
-        YY=document.body.clientHeight;				//由clientHeight取得页面的高度
+   function move()
-        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;
+       var floatpoint_height = $("#floatpoint").height();
-        }				//如果当前应该上移，则减小YY值
+       YY += xstep;
-        else
+       if(YY <= 0){xstep = 1; YY = 0;}					//如果浮动层超出了上界，则设定移动方向为向下；并设定层的位置为正好在上界处
+       if(YY >= (screen_height-floatpoint_height))      //如果浮动层超出了下界，则设定移动方向为向上；并设定层的位置为正好在下界处
        {
-            YY=YY+xstep;
+           xstep = -1;
-        }					//否则增加YY值下移
+           YY=(screen_height-floatpoint_height);
-        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
+       $("#floatpoint").css("top",YY);
-            document.floatpoint.pageX=XX;				//用.pageX设定浮动层左边距
-            document.floatpoint.pageY=YY+window.pageYOffset;	//用.pageY设定浮动层上边距
    }
-        else if (ns6){						//如果是NS6
+    //$("#floatpoint").css("left",screen_width/2+body_width/2+5);
-//            document.getElementById("floatpoint").style.left=XX
+   $(document).ready(function(){var body_width = $("#top-menu").width(); $("#floatpoint").css("left",screen_width/2+body_width/2+10);});
-//            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>

public/stylesheets/application.css

@@ -12,7 +12,8 @@ h4 {border-bottom: 1px dotted #bbb;}
 .course_ad{
   position:absolute;
   visibility:visible;
-  background:#ffffff
+  background:#ffffff;
+  width:14%;
 }
 
 .ad_title{