您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 窗口特效 >

    随屏幕滚动的右下角弹窗

    时间:2013-05-09 11:32 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    运行代码保存代码复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。

    页面右下角弹窗随屏幕滚动,兼容当前主流浏览器。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html;charset=gb2312">
    <meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,codesocang.com,sky,www.codesocang.com,站长特效 网" />
    <meta name="description" content="www.codesocang.com,源码搜藏网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在源码搜藏网" />
    <title>网页特效 随屏幕滚动的右下角窗口 源码搜藏网</title>
    </head>
    <body>
    <a href="http://www.codesocang.com/">源码搜藏网</a>,站长必备的高质量网页特效和广告代码。codesocang.com,站长js特效。<hr>
    <!--欢迎来到源码搜藏网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.codesocang.com,zzjs@msn.com,用.net打造靓站-->
    <div style="height:2000px;"></div>
    <div id="www_zzjs_net" style="width:200px;height:200px;background:#c0c0c0;text-align:center;">源码搜藏网,打造国内最帅网页特效站!</div>
    <script language="javascript">
        function scroll(p)
        {
            var d = document, w = window, o = d.getElementById(p.id), ie6 = /msie 6/i.test(navigator.userAgent);
            if (o)
            {
                o.style.cssText += ";position:" + (p.f && !ie6 ? 'fixed' : 'absolute') + ";" + (p.r ? 'left' : "right") + ":0;" + (p.t != undefined ? 'top:' + p.t + 'px' : 'bottom:0');
                if (!p.f || ie6)
                {
    -function ()
    {
        var t = 500, st = d.documentElement.scrollTop || d.body.scrollTop, c;
        c = st - o.offsetTop + (p.t != undefined ? p.t : (w.innerHeight || d.documentElement.clientHeight) - o.offsetHeight); //如果你是html 4.01请改成d.body,这里不处理以减少代码
        c != 0 && (o.style.top = o.offsetTop + Math.ceil(Math.abs(c) / 10) * (c < 0 ? -1 : 1) + 'px', t = 10);
        setTimeout(arguments.callee, t);
    } ();
                }
            }
        } //欢迎来到源码搜藏网,我们的网址是www.codesocang.com,很好记,源码搜藏,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
        scroll({
            id: 'www_zzjs_net'
        })//欢迎来到源码搜藏网,我c们的网址是www.codesocang.com,很好记,源码搜藏,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
        /*
        id:要滚动的内容的id
        r:放在左边还是右边,默认是右边
        t:要放在页面的那个位置,默认是贴着底边,0是贴着顶边
        f:1表示固定,不写或者0表示滚动(ie6固定无效)
        */
        //欢迎来到源码搜藏网,我们的网址是www.codesocang.com,很好记,源码搜藏,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
    </script>
    </body>
    </html>

    随屏幕滚动的右下角弹窗由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/chuangkou/4655.html
    标签:网站源码