新增弹框

app/views/courses/_course_ad.html.erb

@@ -0,0 +1,93 @@
+
+<div id="floatpoint"  STYLE="position:absolute;visibility:visible;"  >
+  <table  border=0   bordercolor="#FFFFFF" bgcolor="#faebd7">
+    <tr>
+      <td align=center bgcolor=#E3E3E3 >
+        联系我们
+      </td>
+    </tr>
+    <tr>
+      <td align=center bgcolor="orange" >
+        <a href="/" target="_blank" >QQ:1234566</a><br>
+      </td>
+    </tr>
+    <tr>
+      <td align=center bgcolor="orange" >
+        <a href="/" target="_blank" >Email:1234566@qq.com</a><br>
+      </td>
+    </tr>
+  </table>
+</div>
+
+<script type="text/javascript">
+    var XX=800;			// 浮动层的X坐标,即左边距
+    var xstep=1;			// 移动步长，此参数越小，移动越平滑，最小值为1
+    var delay_time=60;		// 每步的时间间隔，此参数越小，移动速度越快
+    var YY=0;
+    var ch=0;
+    var oh=0;
+    var yon=0;
+    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	//将浮动层位置调整到页面底部
+    }
+
+    function reloc1(){
+        if(yon==0){YY=YY-xstep;}				//如果当前应该上移，则减小YY值
+        else{YY=YY+xstep;}					//否则增加YY值下移
+        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(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
+        }
+    }
+
+    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>

app/views/courses/show.html.erb

@@ -1,3 +1,4 @@
+<%= render 'course_ad' %>
 <% if @events_by_day != nil && @events_by_day.size >0 %>
     <div class="content-title-top-avtive">
       <p class="subtitle">