首页 新闻 搜索 专区 学院

这段代码怎么用

0
[已解决问题] 解决于 2013-07-21 17:12

$(document).ready(function() {
   
var html = "<div id=\"layer\" style=\"position:fixed;_position:absolute;z-index:200;display:none;width:108px; height:108px; bottom:50px;right:10px;opacity:0.75;\">";
    html
+= "<a href=\"javascript:void(0);\" title=\"返回顶部\">";
    html
+= "<span style=\"width:108px;height:108px;display:block; margin-bottom:7px;-webkit-transition:1s;-moz-transition:1s;transition:1s;background-color: transparent 9; background:#ddd url(http://images.cnblogs.com/cnblogs_com/cmsdn/387055/r_top.png) no-repeat center center;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;\"></span>";
    html
+= "</a>";
    html
+= "</div>";
    $(
"body").append(html);
    $(
"#layer span").mouseover(function() { $(this).css("background-color", "#999"); }).mouseout(function() { $(this).css("background-color", "#ddd"); });
    $(
"#layer span").click(function() {
        $(
"html,body").animate({ scrollTop: "0px" }, 500);
       
return false;
    });
    $(window).scroll(
function() {
       
if ($(document).scrollTop() > 100) {
            $(
"#layer").fadeIn("slow");
           
return false;
        }
else {
            $(
"#layer").fadeOut("fast");
           
return false;
        }
    });

励志啊的主页 励志啊 | 初学一级 | 园豆:32
提问于:2013-07-11 16:09
< >
分享
最佳答案
0

1)页面加载完毕后,将一个隐藏的Div追加到页面中;

2)给div中的span增加了鼠标移入和移出事件,鼠标覆盖就显示一种颜色,鼠标离开恢复;

3)点击这个span,缓慢滚动窗口到最顶部;

4)然后这个当窗口滚动的时候这个div淡入然后再淡出。

奖励园豆:5
kylin.chen | 小虾三级 |园豆:983 | 2013-07-11 18:41
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册