- 网页右下角广告(加强训练)题目描述模拟某些网站右下角的广告提示:
训练目标
能够使用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>
- 网页右下角广告(加强训练)题目描述模拟某些网站右下角的广告提示:相关推荐
- html视频播放器加片头广告,如何屏蔽视频网站的片头广告?一键屏蔽各大视频网站片头广告插件推荐...
超好用的屏蔽各大流行视频网站片头广告的插件分享,日常在视频网站上看剧的时候各种片头广告是不是恶心坏了,关也关不掉,而且更气人的是通过广告拦截软件和插件也无法拦截掉,那么真的就没有办法了,只能等这几十到 ...
- 题目描述:设有一头小母牛,从出生第四年起每年生一头小母牛,按此规律,第N年时有几头母牛?
题目描述:设有一头小母牛,从出生第四年起每年生一头小母牛,按此规律,第N年时有几头母牛? 输入:输入一个整数N.(1<= N <=50) 输出:第N年时母牛的数量 样例输入:5 样例输出: ...
- 1504: 变态杀人狂 时间限制: 1 Sec 内存限制: 128 MB 提交: 21 解决: 10 [提交][状态][论坛] 题目描述 变态杀人狂三师弟想到一个杀人游戏 游戏规则如下: 三师
1504: 变态杀人狂 时间限制: 1 Sec 内存限制: 128 MB 提交: 21 解决: 10 [提交][状态][论坛] 题目描述 变态杀人狂三师弟想到一个杀人游戏 ...
- 题目描述 假设在周末舞会上,男士们和女士们进入舞厅时,各自排成一队。跳舞开始时,依次从男队和女队的队头上各出一人配成舞伴。规定每个舞曲能有一对跳舞者。若两队初始人数不相同,则较长的那一队中未配对者等待
题目描述 假设在周末舞会上,男士们和女士们进入舞厅时,各自排成一队.跳舞开始时,依次从男队和女队的队头上各出一人配成舞伴.规定每个舞曲能有一对跳舞者.若两队初始人数不相同,则较长的那一队中未配对者等待 ...
- JS网站右下角悬浮视窗可关闭广告
效果体验:http://hovertree.com/texiao/js/4.htm 网站右下角悬浮视窗可关闭广告代码,可收缩.展开,关闭,内容区可自定义html,兼容IE8+.FireFox.Chro ...
- 2022年焊工(初级)上岗证题目及模拟考试
题库来源:安全生产模拟考试一点通公众号小程序 2022焊工(初级)培训试题系焊工(初级)国家题库的多种练习模式!2022年焊工(初级)上岗证题目及模拟考试根据焊工(初级)考试大纲.焊工(初级)复审题库 ...
- 2022年广东省安全员B证第三批(项目负责人)上岗证题目及模拟考试
题库来源:安全生产模拟考试一点通公众号小程序 2022保育员(中级)考试100题系保育员(中级)复审题库新版习题库!2022保育员(中级)复训题库及在线模拟考试根据保育员(中级)最新教材汇编.保育员( ...
- 2022焊工(初级)上岗证题目及模拟考试
题库来源:安全生产模拟考试一点通公众号小程序 2022焊工(初级)判断题为焊工(初级)复习题精选题库!2022焊工(初级)上岗证题目及模拟考试依据焊工(初级)考前押题.焊工(初级)复审模拟考试通过安全 ...
- 2022年车工(技师)上岗证题目及模拟考试
题库来源:安全生产模拟考试一点通公众号小程序 2022车工(技师)题库系车工(技师)考试真题考前押题密卷!2022年车工(技师)上岗证题目及模拟考试根据车工(技师)考试大纲.车工(技师)复审模拟考试随 ...
- 单机训练速度提升高达640倍,快手开发GPU广告模型训练平台
作者|廉相如(快手FeDA智能决策实验室 ) 如何有效处理大规模用户数据进行广告推荐?对于互联网企业的发展和进步至关重要.这也是为何快手成立西雅图实验室并实现新一代GPU广告模型训练平台的原因之一.快 ...
最新文章
- TCP 传输控制协议(转)
- 把之前写的几个项目放到了github上
- CSS Grid 网格布局教程
- 疑似运行Android 4.4 诺基亚Android手机再曝光
- sql azure 语法_Azure Data Studio中SQL代码段
- python 换页_Python之路【第十九篇】自定义分页实现(模块化)
- Linux下文件操作命令cat(转)
- Atitit 模板引擎总结 目录 1. 模板引擎	1 2. 常见模板步骤	1 2.1. 1)定义模板字符串 	1 2.2. 2)预编译模板 	2 2.3. 渲染模板 	2 3. 流程渲染 if el
- php进度条,php 如何做进度条
- Android权限管理 1
- 奈奎斯特曲线怎么确定w的值matlab,用MATLAB绘制Nyquist图.ppt
- 没有密码,如何取消Word文档的只读模式?
- oracle创建一个永久性表空间,oracle创建表空间
- 服务器安装m.2固态硬盘,笔记本怎么安装M.2接口固态硬盘?笔记本M.2接口固态硬盘安装方法...
- gps测试软件怎么算正常,完整的GPS测试和经济实用的解决方案
- html正则表达式验证字母,正则表达式校验字母和字符串组合
- Docker构建JDK 镜像
- 生产力、商业价值和敏捷
- 欢迎中文社区新版主@张特特
- Dota2 AI 简易开发教程(一)——选择阵容及技能使用