修改作业右侧悬浮框css、js
This commit is contained in:
parent
a167262fc0
commit
3aaf2247dc
|
@ -1,6 +1,6 @@
|
||||||
|
|
||||||
<div id="floatpoint" class="course_ad" >
|
<div id="floatpoint" class="course_ad" >
|
||||||
<table border=0 width="180px" >
|
<table border=0>
|
||||||
<tr>
|
<tr>
|
||||||
<td align=center bgcolor=#15bccf >
|
<td align=center bgcolor=#15bccf >
|
||||||
<span class="ad_title"><%= l(:label_contact_us) %></span>
|
<span class="ad_title"><%= l(:label_contact_us) %></span>
|
||||||
|
@ -30,85 +30,25 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var XX=1150; // 浮动层的X坐标,即左边距
|
|
||||||
var xstep=1; // 移动步长,此参数越小,移动越平滑,最小值为1
|
var xstep=1; // 移动步长,此参数越小,移动越平滑,最小值为1
|
||||||
var delay_time=60; // 每步的时间间隔,此参数越小,移动速度越快
|
var delay_time=60; // 每步的时间间隔,此参数越小,移动速度越快
|
||||||
var YY=0;
|
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; //将浮动层位置调整到页面底部
|
{
|
||||||
}
|
var floatpoint_height = $("#floatpoint").height();
|
||||||
else if (ns4){
|
YY += xstep;
|
||||||
|
if(YY <= 0){xstep = 1; YY = 0;} //如果浮动层超出了上界,则设定移动方向为向下;并设定层的位置为正好在上界处
|
||||||
YY=window.innerHeight; //由innerHeight取得页面的高度
|
if(YY >= (screen_height-floatpoint_height)) //如果浮动层超出了下界,则设定移动方向为向上;并设定层的位置为正好在下界处
|
||||||
document.floatpoint.pageY=YY; //将浮动层位置调整到页面底部
|
{
|
||||||
document.floatpoint.visibility="hidden"; //将浮动层隐藏。
|
xstep = -1;
|
||||||
}
|
YY=(screen_height-floatpoint_height);
|
||||||
else if (ns6){
|
}
|
||||||
|
$("#floatpoint").css("top",YY);
|
||||||
YY=window.innerHeight //由innerHeight取得页面的高度
|
}
|
||||||
document.getElementById('floatpoint').style.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);});
|
||||||
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>
|
</script>
|
|
@ -12,7 +12,8 @@ h4 {border-bottom: 1px dotted #bbb;}
|
||||||
.course_ad{
|
.course_ad{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
visibility:visible;
|
visibility:visible;
|
||||||
background:#ffffff
|
background:#ffffff;
|
||||||
|
width:14%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ad_title{
|
.ad_title{
|
||||||
|
|
Loading…
Reference in New Issue