切换风格

后盾网PHP论坛-php培训论坛-php教程-PHP视频教程-北京PHP培训

  • 咨询热线: 400-682-3231
  • QQ咨询: 联系在线客服老师 联系在线客服老师 联系在线客服老师

QQ登录

只需一步,快速开始

返回列表 发新帖

[web前端] 前端开发~漂浮广告代码问题向老师们求助

[复制链接]
     
  • TA的每日心情
    慵懒
    前天 14:20
  • 签到天数: 13 天

    [LV.3]偶尔看看II

    10

    主题

    28

    帖子

    657

    积分

    中学生

    Rank: 4

    积分
    657
    活动推广币
    0 个
    后盾币
    657 个
    注册时间
    2017-12-29
    在线时间
    10 小时
    帖子
    28
    发表于 2018-2-6 17:29:32 |显示全部楼层 | 阅读模式
    javascript代码,漂浮广告图片到达浏览器底部时没法往上弹,用了if(new_top==max_top){y=-1}语句没法执行,哪出错了?该怎么解决?看的是孙琪峥老师讲的web前端入门到实战的教程漂浮广告基础效果!background:no-repeat是张广告图片,<img  class='close'>是个关闭按钮的图片,在论坛上无法发链接代码请谅解
    <html>
    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title>
    <style>
    #ad{ width:281px; height:207px;
    background:   此处为广告图片     no-repeat;  
    position:relative; }
    .close{ width:28px; height:28px; position:absolute; left:253px;}
    </style>
    <script>
    window.onload=function(){ var x=1,y=1; var ad=document.getElementById('ad');
    var win_height=document.documentElement.clientHeight;
    var win_width=document.documentElement.clientWidth;
    var max_top=win_height-ad.offsetHeight;
    var max_left=win_width-ad.offsetWidth;
    setInterval(function(){
    var old_left=ad.offsetLeft;
    var old_top=ad.offsetTop;
    var new_left=old_left+x;
    ad.style.left=new_left+'px';
    var new_top=old_top+y;
    ad.style.top=new_top+'px';
    if(new_top==max_top){y=-1 } },100)} </script>
    </head>
    <body>
    <div id='ad'> <img     此处为关闭按钮图片   class='close'> </div>
    </body>
    </html>
         
  • TA的每日心情
    开心
    昨天 09:41
  • 签到天数: 2386 天

    [LV.Master]伴坛终老

    5068

    主题

    2万

    帖子

    293万

    积分

    管理员

    ★后盾论坛大管家老鱼★

    Rank: 9Rank: 9Rank: 9

    积分
    2938332
    活动推广币
    12685 个
    后盾币
    2938332 个
    注册时间
    2011-5-5
    在线时间
    8702 小时
    帖子
    23515

    终身成就奖优秀斑竹奖宣传大使奖特殊贡献奖金点子奖原创先锋奖金秋活动荣誉勋章灌水天才奖新人进步奖签到达人奖

    QQ
    发表于 2018-2-8 08:53:33 |显示全部楼层
    直接将代码文件打包上传到附件中,这样大家才好帮你分析原因。
         
  • TA的每日心情
    难过
    昨天 13:54
  • 签到天数: 13 天

    [LV.3]偶尔看看II

    1

    主题

    42

    帖子

    929

    积分

    中学生

    Rank: 4

    积分
    929
    活动推广币
    0 个
    后盾币
    929 个
    注册时间
    2018-1-24
    在线时间
    16 小时
    帖子
    42
    发表于 2018-2-9 18:49:05 |显示全部楼层
    有点晕,没看明白
         
  • TA的每日心情
    擦汗
    4 小时前
  • 签到天数: 172 天

    [LV.7]常住居民III

    3

    主题

    508

    帖子

    7033

    积分

    大学生

    Rank: 6Rank: 6

    积分
    7033
    活动推广币
    0 个
    后盾币
    7033 个
    注册时间
    2017-1-5
    在线时间
    151 小时
    帖子
    508
    发表于 7 天前 |显示全部楼层
      你好同学  我看了你的代码 并且帮你加了注释 和利用alert();来验证数据。  问题出现在你获得的win_height=0 ,为什么会出现这种错误那。。。因为html文本的开始 要加上<DOCTYPE html> 标签 这样就声明了一种W3C标准模式, 浏览器就会规规矩矩按照我们声明的标准来工作。加上这个标准 你的图片就会弹上去了。。

    新建文本文档.rar

    991 Bytes, 下载次数: 1

    发表回复

    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    快速回复 返回顶部 返回列表