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

114 lines
4.2 KiB
Plaintext
Raw Normal View History

2014-11-14 16:38:14 +08:00
2014-11-17 15:21:36 +08:00
<div id="floatpoint" class="course_ad" >
<table border=0 width="180px" >
2014-11-14 16:38:14 +08:00
<tr>
2014-11-17 15:21:36 +08:00
<td align=center bgcolor=#15bccf >
<span class="ad_title"><%= l(:label_contact_us) %></span>
2014-11-14 16:38:14 +08:00
</td>
</tr>
2014-11-17 15:21:36 +08:00
<tr><td><p class="ad_content"><%= l(:label_course_ad_description) %></p></td></tr>
2014-11-14 16:38:14 +08:00
<tr>
2014-11-17 15:21:36 +08:00
<td align=center bgcolor="#ececec" >
请点击:<a href="http://user.trustie.net/users/12/user_newfeedback">黄井泉</a><br>
2014-11-14 16:38:14 +08:00
</td>
</tr>
<tr>
2014-11-17 15:21:36 +08:00
<td align=center bgcolor="#ececec" >
Tel:15388083362<br>
</td>
<tr>
<td align=center bgcolor="#ececec" >
请点击:<a href="http://user.trustie.net/users/6/user_newfeedback">王林春</a><br>
</td>
</tr>
<tr>
<td align=center bgcolor="#ececec" >
Tel:13467631747<br>
2014-11-14 16:38:14 +08:00
</td>
</tr>
</table>
</div>
<script type="text/javascript">
2014-11-17 15:21:36 +08:00
var XX=1150; // 浮动层的X坐标,即左边距
2014-11-14 16:38:14 +08:00
var xstep=1; // 移动步长此参数越小移动越平滑最小值为1
var delay_time=60; // 每步的时间间隔,此参数越小,移动速度越快
var YY=0;
var ch=0;
var oh=0;
2014-11-14 17:35:07 +08:00
var yon=1;
2014-11-14 16:38:14 +08:00
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){
2014-11-14 17:35:07 +08:00
2014-11-14 16:38:14 +08:00
YY=window.innerHeight; //由innerHeight取得页面的高度
document.floatpoint.pageY=YY; //将浮动层位置调整到页面底部
document.floatpoint.visibility="hidden"; //将浮动层隐藏。
}
else if (ns6){
2014-11-14 17:35:07 +08:00
2014-11-14 16:38:14 +08:00
YY=window.innerHeight //由innerHeight取得页面的高度
document.getElementById('floatpoint').style.top=YY //将浮动层位置调整到页面底部
}
2014-11-14 17:35:07 +08:00
YY = 0;
2014-11-14 16:38:14 +08:00
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 //取浮动层的高度
}
2014-11-14 17:35:07 +08:00
if(yon==0)
{
YY=YY-xstep;
} //如果当前应该上移则减小YY值
else
{
YY=YY+xstep;
} //否则增加YY值下移
2014-11-14 16:38:14 +08:00
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
2014-11-14 17:35:07 +08:00
// document.getElementById("floatpoint").style.left=XX
// document.getElementById("floatpoint").style.top=YY+window.pageYOffset
$("#floatpoint").offset({left:XX});
$("#floatpoint").offset({top:YY+window.pageYOffset});
2014-11-14 16:38:14 +08:00
}
2014-11-14 17:35:07 +08:00
2014-11-14 16:38:14 +08:00
}
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>