JS实现简单悬浮框
2013-01-29 10:47
106 查看
<script type="text/javascript">
function scall(){
document.getElementById("topdiv").style.top=(document.documentElement.scrollTop)+135+"px";
document.getElementById("topdiv").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("topdiv").offsetWidth)+1+"px";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
</script>
<style type="text/css">
#topdiv {
position: absolute;
top:0px;
right:0px;
width: 129px;
height: 86px;
z-index: 10;
text-align: center;
background-color:white;
}
</style>
<div id="topdiv">
问卷调查
参与有奖
</div>
function scall(){
document.getElementById("topdiv").style.top=(document.documentElement.scrollTop)+135+"px";
document.getElementById("topdiv").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("topdiv").offsetWidth)+1+"px";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
</script>
<style type="text/css">
#topdiv {
position: absolute;
top:0px;
right:0px;
width: 129px;
height: 86px;
z-index: 10;
text-align: center;
background-color:white;
}
</style>
<div id="topdiv">
问卷调查
参与有奖
</div>
相关文章推荐
- 简单实现js悬浮导航效果
- 原创:Js解析xml文件并简单实现省市区级联菜单(并解决各浏览器兼容性问题).
- 用Js简单实现省市区级联菜单
- Android 悬浮按钮的简单实现
- Vue.js实现简单ToDoList 前期准备(一)
- cocos2d js 3.2 技能冷却按钮的简单实现
- JS路由跳转的简单实现代码
- js+canvas实现简单绘图
- js实现悬浮窗效果(支持拖动)
- 简单的JS控制button颜色随点击更改的实现方法
- 用js调用WebService简单实现
- [ JS 进阶 ] 异步编程 promise模式 的简单实现
- 用原生JS实现一个简单的计时器demo
- js简单实现图片延迟加载的方法
- JS JSON对象转为字符串的简单实现方法
- 用js实现弹出最简单的模式化遮罩层
- [置顶] 在网页中使用js简单的实现弹出菜单,请高手飘过
- JS根据生日月份和日期计算星座的简单实现方法
- js+css简单实现网页换肤效果
- JS JSON对象转为字符串的简单实现方法