分享

固定在右下角兼容ie6

 quasiceo 2015-08-11
在ie6中,滚动条时会有闪动。其它浏览器正常
1.
http://blog.sina.com.cn/s/blog_42913d650101kqzu.html
2.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>固定在右下角的兼容IE6在线QQ客服_我爱模板 www.</title>
<!--引入开始-->
<link href="http://www./view/jquery/201405/QQ%E5%AE%A2%E6%9C%8D/fudong/fudong.css" rel="stylesheet" type="text/css" />
<script src="http://www./download/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="http://www./view/jquery/201405/QQ%E5%AE%A2%E6%9C%8D/fudong/mootools-yui-compressed.js" type="text/javascript"></script>
<!--引入结束-->
<style>
body{margin:0; padding:0;}
ul#wimoban_nav{padding-left:50px; margin-bottom:10px; border-bottom:2px solid #ccc; overflow:hidden; _zoom:1;}
ul#wimoban_nav li{float:left; display:inline; margin:10px;}
ul#wimoban_nav li a{display:block; font-size:16px;}
ul#wimoban_nav li a,#wimoban_p,#wimoban_p a{color:#000; font-family:"微软雅黑";}
ul#wimoban_nav li a:hover,#wimoban_p a:hover{color:red;}
#wimoban_p{text-align:center; font-size:14px; clear:both;}
</style>
</head>   
<body style="height:1500px;">
<ul id="wimoban_nav">
    <li><a title="返回网站首页" href="http://www./">首页</a></li>
    <li><a title="网页PSD模板下载" href="http://www./psdmoban/">PSD模板</a></li>
    <li><a title="网页CSS模板下载" href="http://www./cssmoban/">CSS模板</a></li>
    <li><a title="网页特效、网页插件" href="http://www./texiao/">特效插件</a></li>
    <li><a title="整站源码下载" href="http://www./yuanma/">源码下载</a></li>
    <li><a title="酷站欣赏" href="http://www./kuzhan/">酷站欣赏</a></li>
    <li><a title="建站资源" href="http://www./ziyuan/">建站资源</a></li>
    <li><a title="建站视频教程、建站教程" href="http://www./jiaocheng/">建站教程</a></li>
    <li><a title="建站心得、互联网事、心境之旅" href="http://www./article/">心境之旅</a></li>
</ul>
<div style="width:600px; margin:0 auto">
<!-- 代码开始 -->
<script type="text/javascript" language="javascript">
    (function () {
        var $backToTopTxt = "qq联系交流", $backToTopEle = new Element("div", { "id": "div_backToTop", "class": "backToTop", title: $backToTopTxt }).set("text", $backToTopTxt).addEvent("click", function () {
        }).inject(document.body), $backToTopFun = function () {
            var st = document.getScroll().y, winh = window.getSize().y;
            //                    (st > 0) ? $backToTopEle.setStyle("display", "block") : $backToTopEle.setStyle("display", "block");
            //IE6下的定位
            if (!window.XMLHttpRequest) {
                $backToTopEle.setStyle("top", st + winh - 166);
            }
        };
        window.addEvents({
            scroll: $backToTopFun,
            domready: $backToTopFun
        });
    })();

    $(".backToTop").html("<div onClick=\"MyClose()\" class=\"divQQclose\">关闭 </div><a href=\"http://wpa.qq.com/msgrd?v=3&uin=543031222&site=qq&menu=yes\" title=\"点击这里开始咨询\" style=\"color: #fff; text-decoration: none\" target=\"_blank\"><div class=\"divQQ\"> </div></a>")
    function MyClose() {
        $(".backToTop").hide();
    }
    $('.menu').fixpng();
</script>
<!-- 代码结束 -->
</div>
<div id="wimoban_p">
    <p>来代码整理:<a href="http://www./" title="模板网" alt="模板网">我爱模板网</a></p>
    <p>*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。</p>
    <p></p>
</div>
</body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约