zoukankan      html  css  js  c++  java
  • 简单的javascript实例二(随页面滚动广告效果)

    方便以后copy

    页面代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <link href="css/css.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/js.js"></script>
    </head>
    <body>
        <div id="main">
            <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/>
            <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/>
            <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/>
            <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/>
            <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/>
            <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/>
            <br/><br/><br/>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<br/><br/><br/>    </div>
        <div id="ads">
            广告广告广告广告广告广告广告广告广告广告<br/>
            广告广告广告广告广告广告广告广告广告广<br/>
            广告广告广告广告广告广告广告广告广告广告广告广告
        </div>
    </body>
    </html>

    js代码

    var adsTop = 150;
    
    function testPosition(){
        var divAds = document.getElementById("ads");
        
        var sTop1 = document.body.scrollTop;
        var sTop2 = document.documentElement.scrollTop;
        
        var sTop = (sTop1>sTop2)?sTop1:sTop2;
        
        
        var aTop = adsTop+sTop;
        
        divAds.style.top=aTop+"px";
    }
    
    window.onscroll=testPosition;
  • 相关阅读:
    Windows7如何让快速启动栏的资源管理器默认打开我的电脑(计算机)
    [转]C# Invoke和BeginInvoke的区别
    [转]RAID0、RAID1、RAID0+1、RAID5原理介绍
    【引用】Dashboard设计思路
    [Resolution]Your search cannot be completed because this site is not assigned to an indexer
    A Brief Introduction to Boolean Algebra(布尔代数简介)
    [转]从头开始安装Eclipse和VE
    [转]领导者如何问更好的问题
    如何使用花生壳(www.oray.com)实现动态域名映射(DDNS)
    如何手动删除Windows服务
  • 原文地址:https://www.cnblogs.com/likailan/p/3427133.html
Copyright © 2011-2022 走看看