悬浮在页面上的窗口 - ASP.NET技术论坛

楼主

已结贴√ 问题点数：2 回复次数：12

悬浮在页面上的窗口

图片附件: 游客没有浏览图片的权限，请登录或注册

意见反馈返回顶部

这种东西怎么做啊

搜索更多相关主题的帖子: 东西　

第 2 楼

得分:0

有的是js,有的是ajax

从不知道的未来慢慢接受不可能的现实，以行动铸就下一步的辉煌

第 3 楼

得分:0

div窗口

第 4 楼

得分:0

股票指数有些网站直接贴的图片，有些可能是用的控件来做的比如flash等

第 5 楼

得分:0

回复 4楼 yms123

不是股票的是旁边的那个返回顶部和意见反馈的那个会跟着页面动的

光棍中.....

第 6 楼

得分:0

打开百度新闻就有的

光棍中.....

第 7 楼

得分:0

用一个每隔一段时间就去执行的函数去检测div的定位位置而已啊，div的位置和scroll的属性有关，你自己试一下。
时间函数好像是setTime（t,fun）;scroll的属性好像是window。scroll。Top
具体你网上搜索一下，太久没用这些函数，有些都忘光了

第 8 楼

得分:0

能不能弄个简单的例子来看看啊

光棍中.....

第 9 楼

得分:0

回复 8楼跳过去

昨天刚做的，写了一篇博文，你瞅瞅，复制一下就行了。
DIV+CSS+JS
http://

第 10 楼

得分:2

不复杂，简单的很。。给你做一个

程序代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
.main{width:960px;background:#eee;border:#ccc solid 1px;height:2000px;margin:0 auto;}
#gotop{width:30px;height:80px;position:fixed;left:50%;margin-left:480px;top:85%;background:#930;cursor:pointer;display:none;}
</style>
<script type="text/javascript">
window.onload = function(){
    var gotop= document.getElementById("gotop");
    gotop.onclick=function(){
        window.scroll(0,0);
        }}    
document.onscroll = function(){
     var gotop= document.getElementById("gotop");
     if(window.scrollY>200)
     {gotop.style.display = "block";    }
     else
     {gotop.style.display = "none";    }}
</script>
</head>

<body>
<div class="main">
<p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p><p>content</p>
<p></p>
</div>
<div id="gotop">返回顶部</div>
</body>
</html>

[ 本帖最后由冰蟾子于 2012-11-21 12:54 编辑 ]

欢迎到我的blog做客。。。。。。。。