左右边漂浮框

==============================右漂浮
.rightFunctionBox{display:none;width:160px;border-top:5px solid #02b4fe;background:#fff;border-radius:5px; position: fixed;top:187px;_bottom: auto;_position: absolute;z-index:999;}
.rightFunctionBox ul{padding:0 5px;border-radius:0;}
.rightFunctionBox li{line-height:35px;text-align:center;border-bottom:1px dashed #e5e5e5;}
.rightFunctionBox li:last-child{border-bottom:0;}
.rightFunctionBox li a{display:block; color:#515151;}
.rightFunctionBox li a:hover{text-decoration:none;color:#09f;}


<div class="rightFunctionBox" id="rightFunctionBox">
<ul>
<li><a href="javascript:;" onclick="jobSeekerInterviewVideoEvent();">查看面试视频</a></li>
<li><a href="" target="_blank">查看原简历</a></li>
<li><a href="javascript:;" class="dialogue">回复求职者</a></li>
<li><a href="javascript:;" onclick="writingEvaluatedEvent();">评价</a></li>
<li><a href="javascript:;">打印分析报告</a></li>
</ul>
</div>


//右漂浮导航
function bindRightFunctionBox() {
var $floatDIV = $("#rightFunctionBox");
var x = ($(window).width() - 1000) / 2 + 1010;
$floatDIV.css("left", x).show();
}
$(function () {
bindRightFunctionBox();
$(window).resize(function () {
bindRightFunctionBox();
});
});

==============================左漂浮

猜你喜欢

转载自www.cnblogs.com/sunnywindycloudy/p/11646265.html
今日推荐