<html>
<head>
<style type="text/css">
.tt {
border: 1px #F00 solid;
background-color:#0F0;
width: 80px;
height: 80px;
display:block;
position:absolute;
right:0px;
bottom: 0px;
}
</style>
<script language="javascript">
function relocate(){
var mydiv = document.getElementById("myDiv");
var height = Math.abs(document.body.clientHeight + document.body.scrollTop - 80);
window.status = document.body.clientHeight + " " + document.body.scrollTop;
mydiv.style.top = height;
}
</script>
</head>
<body style="padding:0px;margin:0px;height:100%" >
<script language="javascript">
window.onscroll = relocate;
window.onresize = relocate;
</script>
<div id="myDiv" class="tt">
This is a test one
</div>
</body>
</html>
分享到:
相关推荐
JS手机底漂、底部悬浮广告代码 JS手机底漂、底部悬浮广告代码 JS手机底漂、底部悬浮广告代码 JS手机底漂、底部悬浮广告代码
WAP/手机网页底部悬浮图片定时翻滚广告代码特效单图带关闭按钮,定时进行翻转动态效果,效果价值型不错,一个JS调用
手机端和电脑端通用底部悬浮广告代码 网页底部固定悬浮轮播广告代码,只需要调用一个JS文件即
页面右侧底部悬浮层样式代码是一款div css腾讯广点通页面右侧底部悬浮层样式代码。
手机网页(WAP网页)底部悬浮广告代码带抖动/关闭效果,一个JS文件,需要显示的网页调用该JS文件,3秒抖动一次,带关闭按钮;需要的可以下载!
非常简单的纯div+css+js实现固定在网站底部在线客服代码,不随页面滚动一直固定在网页底部的QQ客服代码。
jQuery动画滑动回到顶部和底部javascript特效代码
网页底部固定悬浮轮播广告效果代码 index.html是演示网页文件,供您在本地查看演示效果,双击打开或用浏览器打开看效果; f.js为主体JS脚本文件 注意:需要把JS文件上传至服务器中,然后网页调用 轮播图片和对应...
javascript特效代码大全 javascript特效代码大全 javascript特效代码大全
网页底部固定悬浮轮播广告代码,只需要调用一个JS文件即可
JS原生网页/WAP底部悬浮代码带关闭按钮防常规屏蔽,随机生成字符串层(非DIV),如<ghjk></ghjk>;随机字符串生成4*10小方格覆盖层(非DIV层),点击小方格跳转指定地址,仿最新广告联盟技术代码
随页面滚动定位的侧边栏悬浮框js插件,包括页面自适应、函数节流、悬浮区域高度自适应等。具体效果参考博客 https://blog.csdn.net/zh_rey/article/details/80136619
网页特效代码 - 网页制作特效,js特效,网页特效代码,JS教程,javascript
javascript实现延时显示提示框特效代码_.docx
jquery视觉差网站底部固定位置通栏特效代码
js提示框特效js提示框特效js提示框特效js提示框特效js提示框特效
JS实现动态的底部导航菜单特效代码.zip
js固定在网站底部在线客服代码
JS实现的始终固定在页面底部的菜单 JS实现的始终固定在页面底部的菜单 JS实现的始终固定在页面底部的菜单