修改作业右侧悬浮框css、js
This commit is contained in:
parent
a167262fc0
commit
3aaf2247dc
|
@ -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 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
|
||||
var screen_height = $(window).height(); //浏览器当前窗口文档的高度
|
||||
var screen_width = $(window).width(); //浏览器当前窗口文档的宽度
|
||||
|
||||
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());
|
||||
window.setInterval(function(){move();},delay_time);
|
||||
function move()
|
||||
{
|
||||
var floatpoint_height = $("#floatpoint").height();
|
||||
YY += xstep;
|
||||
if(YY <= 0){xstep = 1; YY = 0;} //如果浮动层超出了上界,则设定移动方向为向下;并设定层的位置为正好在上界处
|
||||
if(YY >= (screen_height-floatpoint_height)) //如果浮动层超出了下界,则设定移动方向为向上;并设定层的位置为正好在下界处
|
||||
{
|
||||
xstep = -1;
|
||||
YY=(screen_height-floatpoint_height);
|
||||
}
|
||||
$("#floatpoint").css("top",YY);
|
||||
}
|
||||
//$("#floatpoint").css("left",screen_width/2+body_width/2+5);
|
||||
$(document).ready(function(){var body_width = $("#top-menu").width(); $("#floatpoint").css("left",screen_width/2+body_width/2+10);});
|
||||
</script>
|
|
@ -12,7 +12,8 @@ h4 {border-bottom: 1px dotted #bbb;}
|
|||
.course_ad{
|
||||
position:absolute;
|
||||
visibility:visible;
|
||||
background:#ffffff
|
||||
background:#ffffff;
|
||||
width:14%;
|
||||
}
|
||||
|
||||
.ad_title{
|
||||
|
|
Loading…
Reference in New Issue