切换风格

因为后盾人与论坛功能内容相似,维护两个内容形似相同的网站是没有必要的。
并且DISCUZ论坛系统官方维护已经不积极,对移动端支持也有限,不方便后续个性功能扩展
我们希望把精力放在更有价值的社区维护、视频录制、直播课程上。
即日起后盾人论坛不允许发贴等操作,大家请到 后盾人 houdunren.com 相聚
八年不易,感谢,感谢大家八年来的陪伴。我们是一生的朋友,是的。

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

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 404|回复: 3

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

[复制链接]
     
  • TA的每日心情
    擦汗
    2018-3-30 15:40
  • 签到天数: 18 天

    [LV.4]偶尔看看III

    11

    主题

    33

    帖子

    813

    积分

    中学生

    Rank: 4

    积分
    813
    活动推广币
    0 个
    后盾币
    813 个
    注册时间
    2017-12-29
    在线时间
    13 小时
    帖子
    33
    发表于 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>

    因为后盾人与论坛功能内容相似,维护两个内容形似相同的网站是没有必要的,并且这个论坛系统官方维护已经不积极。
    我们希望把精力放在更有价值的社区维护、视频录制、直播课程上。
    即日起后盾人论坛不允许发贴等操作,大家请到 后盾人 houdunren.com 相聚
    八年不易,感谢,感谢大家八年来的陪伴。我们是一生的朋友,是的。

         
  • TA的每日心情
    开心
    2018-12-6 22:39
  • 签到天数: 2480 天

    [LV.Master]伴坛终老

    5095

    主题

    2万

    帖子

    297万

    积分

    管理员

    ★后盾论坛大管家老鱼★

    Rank: 9Rank: 9Rank: 9

    积分
    2978641
    活动推广币
    12685 个
    后盾币
    2978641 个
    注册时间
    2011-5-5
    在线时间
    8829 小时
    帖子
    23607

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

    QQ
    发表于 2018-2-8 08:53:33 | 显示全部楼层
    直接将代码文件打包上传到附件中,这样大家才好帮你分析原因。

    因为后盾人与论坛功能内容相似,维护两个内容形似相同的网站是没有必要的,并且这个论坛系统官方维护已经不积极。
    我们希望把精力放在更有价值的社区维护、视频录制、直播课程上。
    即日起后盾人论坛不允许发贴等操作,大家请到 后盾人 houdunren.com 相聚
    八年不易,感谢,感谢大家八年来的陪伴。我们是一生的朋友,是的。

         
  • TA的每日心情
    难过
    2018-3-24 21:47
  • 签到天数: 21 天

    [LV.4]偶尔看看III

    1

    主题

    51

    帖子

    1213

    积分

    高中生

    Rank: 5Rank: 5

    积分
    1213
    活动推广币
    0 个
    后盾币
    1213 个
    注册时间
    2018-1-24
    在线时间
    21 小时
    帖子
    51
    发表于 2018-2-9 18:49:05 | 显示全部楼层
    有点晕,没看明白

    因为后盾人与论坛功能内容相似,维护两个内容形似相同的网站是没有必要的,并且这个论坛系统官方维护已经不积极。
    我们希望把精力放在更有价值的社区维护、视频录制、直播课程上。
    即日起后盾人论坛不允许发贴等操作,大家请到 后盾人 houdunren.com 相聚
    八年不易,感谢,感谢大家八年来的陪伴。我们是一生的朋友,是的。

         
  • TA的每日心情
    擦汗
    2018-7-13 11:37
  • 签到天数: 216 天

    [LV.7]常住居民III

    4

    主题

    590

    帖子

    8712

    积分

    大学生

    Rank: 6Rank: 6

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

    新建文本文档.rar

    991 Bytes, 下载次数: 5

    因为后盾人与论坛功能内容相似,维护两个内容形似相同的网站是没有必要的,并且这个论坛系统官方维护已经不积极。
    我们希望把精力放在更有价值的社区维护、视频录制、直播课程上。
    即日起后盾人论坛不允许发贴等操作,大家请到 后盾人 houdunren.com 相聚
    八年不易,感谢,感谢大家八年来的陪伴。我们是一生的朋友,是的。

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

    本版积分规则

    Archiver|小黑屋|后盾人 人人做后盾 ( 京ICP备12048441号-3 )

    GMT+8, 2018-12-14 14:48 , Processed in 0.093641 second(s), 34 queries .

    Powered by Discuz! X3.3

    © 2001-2017 Comsenz Inc.

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