训练目标
能够使用jQuery动画效果,完成需求。
训练提示
1.图片样式已经写好,定位右下角
2.先滑入,在滑出,然后淡入。
3.点击关闭按钮,淡出

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>淡入淡出广告</title><script src="/jQ20220215Day44/js/jquery3.6.0.js"></script><style>div{position: absolute;}</style>
</head>
<body>
<script>//创建div  button  获取bodyvar div=document.createElement('div')var btn=document.createElement('button')btn.innerHTML='关闭'div.innerHTML='<img src="'+'product1.png" alt="">'+"<button class='btn'> 关闭</button>"var body=document.querySelector('body')//添加到bodybody.appendChild(div)body.appendChild(btn)$(function (){//设置样式$('div').css('background-color','skyblue')$('div').css('border','solid black 1px')$('div').css('position','absolute')$('div').css('right','10px')$('div').css('bottom','10px')$('.btn').css('position',"absolute")$('.btn').css('right',"1px")$('button').click(function (){//当点击按钮时   淡入或淡出$('div').slideToggle(2000)})})</script>
</body>
</html>

- 网页右下角广告(加强训练)题目描述模拟某些网站右下角的广告提示:相关推荐

  1. html视频播放器加片头广告,如何屏蔽视频网站的片头广告?一键屏蔽各大视频网站片头广告插件推荐...

    超好用的屏蔽各大流行视频网站片头广告的插件分享,日常在视频网站上看剧的时候各种片头广告是不是恶心坏了,关也关不掉,而且更气人的是通过广告拦截软件和插件也无法拦截掉,那么真的就没有办法了,只能等这几十到 ...

  2. 题目描述:设有一头小母牛,从出生第四年起每年生一头小母牛,按此规律,第N年时有几头母牛?

    题目描述:设有一头小母牛,从出生第四年起每年生一头小母牛,按此规律,第N年时有几头母牛? 输入:输入一个整数N.(1<= N <=50) 输出:第N年时母牛的数量 样例输入:5 样例输出: ...

  3. 1504: 变态杀人狂 时间限制: 1 Sec 内存限制: 128 MB 提交: 21 解决: 10 [提交][状态][论坛] 题目描述 变态杀人狂三师弟想到一个杀人游戏 游戏规则如下: 三师

                1504: 变态杀人狂 时间限制: 1 Sec  内存限制: 128 MB 提交: 21  解决: 10 [提交][状态][论坛] 题目描述 变态杀人狂三师弟想到一个杀人游戏 ...

  4. 题目描述 假设在周末舞会上,男士们和女士们进入舞厅时,各自排成一队。跳舞开始时,依次从男队和女队的队头上各出一人配成舞伴。规定每个舞曲能有一对跳舞者。若两队初始人数不相同,则较长的那一队中未配对者等待

    题目描述 假设在周末舞会上,男士们和女士们进入舞厅时,各自排成一队.跳舞开始时,依次从男队和女队的队头上各出一人配成舞伴.规定每个舞曲能有一对跳舞者.若两队初始人数不相同,则较长的那一队中未配对者等待 ...

  5. JS网站右下角悬浮视窗可关闭广告

    效果体验:http://hovertree.com/texiao/js/4.htm 网站右下角悬浮视窗可关闭广告代码,可收缩.展开,关闭,内容区可自定义html,兼容IE8+.FireFox.Chro ...

  6. 2022年焊工(初级)上岗证题目及模拟考试

    题库来源:安全生产模拟考试一点通公众号小程序 2022焊工(初级)培训试题系焊工(初级)国家题库的多种练习模式!2022年焊工(初级)上岗证题目及模拟考试根据焊工(初级)考试大纲.焊工(初级)复审题库 ...

  7. 2022年广东省安全员B证第三批(项目负责人)上岗证题目及模拟考试

    题库来源:安全生产模拟考试一点通公众号小程序 2022保育员(中级)考试100题系保育员(中级)复审题库新版习题库!2022保育员(中级)复训题库及在线模拟考试根据保育员(中级)最新教材汇编.保育员( ...

  8. 2022焊工(初级)上岗证题目及模拟考试

    题库来源:安全生产模拟考试一点通公众号小程序 2022焊工(初级)判断题为焊工(初级)复习题精选题库!2022焊工(初级)上岗证题目及模拟考试依据焊工(初级)考前押题.焊工(初级)复审模拟考试通过安全 ...

  9. 2022年车工(技师)上岗证题目及模拟考试

    题库来源:安全生产模拟考试一点通公众号小程序 2022车工(技师)题库系车工(技师)考试真题考前押题密卷!2022年车工(技师)上岗证题目及模拟考试根据车工(技师)考试大纲.车工(技师)复审模拟考试随 ...

  10. 单机训练速度提升高达640倍,快手开发GPU广告模型训练平台

    作者|廉相如(快手FeDA智能决策实验室 ) 如何有效处理大规模用户数据进行广告推荐?对于互联网企业的发展和进步至关重要.这也是为何快手成立西雅图实验室并实现新一代GPU广告模型训练平台的原因之一.快 ...

最新文章

  1. TCP 传输控制协议(转)
  2. 把之前写的几个项目放到了github上
  3. CSS Grid 网格布局教程
  4. 疑似运行Android 4.4 诺基亚Android手机再曝光
  5. sql azure 语法_Azure Data Studio中SQL代码段
  6. python 换页_Python之路【第十九篇】自定义分页实现(模块化)
  7. Linux下文件操作命令cat(转)
  8. Atitit 模板引擎总结 目录 1. 模板引擎 1 2. 常见模板步骤 1 2.1. 1)定义模板字符串  1 2.2. 2)预编译模板  2 2.3. 渲染模板  2 3. 流程渲染 if el
  9. php进度条,php 如何做进度条
  10. Android权限管理 1
  11. 奈奎斯特曲线怎么确定w的值matlab,用MATLAB绘制Nyquist图.ppt
  12. 没有密码,如何取消Word文档的只读模式?
  13. oracle创建一个永久性表空间,oracle创建表空间
  14. 服务器安装m.2固态硬盘,笔记本怎么安装M.2接口固态硬盘?笔记本M.2接口固态硬盘安装方法...
  15. gps测试软件怎么算正常,完整的GPS测试和经济实用的解决方案
  16. html正则表达式验证字母,正则表达式校验字母和字符串组合
  17. Docker构建JDK 镜像
  18. 生产力、商业价值和敏捷
  19. 欢迎中文社区新版主@张特特
  20. Dota2 AI 简易开发教程(一)——选择阵容及技能使用

热门文章

  1. Drools(2):Drools快速入门
  2. linux之linux下载软件包
  3. MATLAB:绘制用户给定的01序列图并计算其对应的AMI编码,双相编码和CMI编码
  4. 台式计算机常用总线,计算机中常见的总线有哪些
  5. C# wpf NotifyIcon空间模仿qqz最小化,关闭功能(12)
  6. 相关性分析和假设检验
  7. 算法导论18.1-4
  8. Verilog——计数器
  9. access mysql知乎_Access数据库如何使用?
  10. 被final关键字坑了