<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="external">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<!--***********开始*************-->
<script type="text/javascript">
//<![CDATA[
var tips; var theTop = 200/*这是默认高度,越大越往下*/; var old = theTop;
function initFloatTips() {
tips = document.getElementById('floatTips');
moveTips();
};
function moveTips() {
var tt=50;
if (window.innerHeight) {
pos = window.pageYOffset
}
else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
}
else if (document.body) {
pos = document.body.scrollTop;
}
pos=pos-tips.offsetTop+theTop;
pos=tips.offsetTop+pos/10;
if (pos < theTop) pos = theTop;
if (pos != old) {
tips.style.top = pos+"px";
tt=10;
}
old = pos;
setTimeout(moveTips,tt);
}
//!]]>
</script>
<style type="text/css">
div#floatTips{
position:absolute;
border:solid 1px #777;
padding:3px;
top:250px;
left:500px;
width:300px;
background:#cccccc;
color:white;
}
</style>
</head>
<body onload="initFloatTips()">
<div id="floatTips">
浮动层
</div>
<!--**********结束***************-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F7F7F7">
<tr>
<td height="2101"> </td>
</tr>
</table>
</body>
</html>
转自:http://www.lioil.net/LBS/article.asp?id=418
分享到:
相关推荐
JavaScript实现的动画效果展开的浮动层代码,点击“展开层”文字后,层先向右伸开,然后再向下展开,关闭时,则相反方向以动画效果关闭,动态关闭、打开层,效果相当不错吧。
从零开始学前端 - 6. CSS浮动float详解 示例代码 : 她不美却常驻我心 博客地址: https://blog.csdn.net/qq_39506551 CSDN 上传的资源会自动涨积分,如有需要留下邮箱
HTML5 jquery动态删除Div浮动层代码,jQuery css3模拟的google plus删除效果,以Ajax方式动画删除浮动层,操作时鼠标点击虚线框,该Div将被删除,圆角的浮动框是基于CSS3实现的。
HTML5 弹出框、可关闭的浮动层代码,弹出一个新的div,支持关闭功能,很简单,没有美化,样式如演示截图示,看上去比较基础,挺简单的样式。与传统的HTML弹出框几乎没啥区别,只不过是基于HTML5技术实现的。
新浪首页左侧的Js浮动广告代码.zip 新浪首页左侧的Js浮动广告代码.zip 新浪首页左侧的Js浮动广告代码.zip
jQuery+CSS图片浮动层效果图片缩图浮动属专题图片代码
jquery 插件配合实现的一款特效,鼠标按住头部,可任意拖动本浮动层,且可设置成透明效果,透明度也可调节。本代码中的部分代码是基于CSS3的原理实现的,因此可兼容于移动端浏览器,在电脑端,IE下的效果表现最差,...
jQuery CSS图片浮动层效果
所以 typo.css 并不像 normalize.css,后者给每一个元素都预先定义了样式,这样在自定义的时候将是非常痛苦的。要大保持干净的所有元素一致化的 reset 才是最佳实践。 为什么不是 Han 这个项目? 2、class="typo" ...
简洁易用的jQuery左右对称浮动广告代码是一个非常简单好用的jQuery对联广告代码,直接引入jQuery插件,本插件,然后再来一个调用方法即可,简单易用,不会出现冲突
带返回顶部jquery浮动客服代码.zip
网页中的浮动图片代码.pdf
win8效果右侧网页浮动框代码.zip
jquery右侧随滚动条浮动导航代码.zip
jQuery右侧可伸展固定浮动菜单代码.zip
1.CSS背景试验1.doc 2.CSS背景试验2.doc 3.CSS颜色.doc 4.CSS文字.doc 5.CSS文本.doc 6.CSS列表.doc 7.CSS边框.doc 8.CSS填充(padding).doc 9.CSS边界(margin).doc 10.CSS绝对定位.doc ...17.CSS清除浮动.doc
有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!
仿百度竞价右下角浮动效果代码.zip