代码如下:

1.HTML部分:

    <div><img src="advertising.png" title="广告"><a href="#">×</a></div>

2.CSS部分:

    <style>div {position: relative;}img {width: 100%;height: 200px;}div a {text-decoration: none;position: absolute;top: 10px;right: 10px;background-color: rgba(0, 0, 0, 0.2);width: 20px;height: 20px;text-align: center;line-height: 20px;color: white;}</style>

3.JS部分:

    <script>var cross = document.querySelector('a');var img = document.querySelector('img');cross.onclick = function() {img.style.display = 'none';this.style.display = 'none';}</script>

pink老师京东关闭广告作业相关推荐

  1. 本节作业之显示不同问候语、显示密码、关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误、京东关闭广告、新浪下拉菜单、开关灯、换肤、表格隔行变色、表单取消全选、tab栏切换、发布删除留言

    本节作业之显示不同问候语.显示密码.关闭二维码.循环精灵图背景.显示隐藏文本框内容.密码框格式提示错误.京东关闭广告.新浪下拉菜单.开关灯.换肤.表格隔行变色.表单取消全选.tab栏切换.发布删除留言 ...

  2. js的项目1:世纪佳缘、京东关闭广告、新浪下拉菜单、开关灯案例

    1.世纪佳缘 用户名 显示隐藏内容 <!DOCTYPE html> <html lang="en"> <head><meta charse ...

  3. 【黑马pink老师函数及应用作业】写一个函数,用户输入任意两个数字的最大值,并能弹出运算后的结果

    <script>var num1 = prompt('请输入相比较的数值1');var num2 = prompt('请输入相比较的数值2');function num(num1,num2 ...

  4. JS事件与操作元素--世纪佳缘(用户名、显示隐藏内容)--黑马程序员pink老师JS第P25-操作元素总结及作业1

    需求:利用JS事件与操作元素复刻--世纪佳缘(用户名.显示隐藏内容). 开发环境:VScode.Edge 参考网站:世纪佳缘官网注册截面头部 包含算法: 1.利用JS操作元素.事件以及if分支,修改表 ...

  5. 四阶段P188~P(PJavaScript基础语法-dom-bom-js-es6新语法-jQuery- 数据可视化echarts 黑 马pink老师前端入门基础视频教程(持续更新)

    JavaScript课堂笔记 JavaScript 简单类型与复杂类型 1. 简单类型与复杂类型 2. 堆和栈 3. 简单类型的内存分配 4. 复杂类型的内存分配 5. 简单类型传参 6. 复杂类型传 ...

  6. Pink老师JS学习--京东登录页面案例

    感谢pink老师的课程. 这是我自己写的样式,比较丑. 这个案例是主要是练习巩固操作元素,实现了密码隐藏显示的功能. <!DOCTYPE html> <html lang=" ...

  7. JavaScript 学习笔记 超详细(b站pink老师)

    权威网站: MDN JavaScript权威网站: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 目录 一.JavaScript基础 ...

  8. pink老师js869集笔记

    B站pink老师JavaScript 869集笔记 计算机基础部分 1.编程语言 1.1 编程 编程:就是让计算机为解决某个问题而使用某种程序设计语言编写代码程序,并最终的得到的过程 计算机程序:就是 ...

  9. 黑马Pink老师JavaScript新教程上线啦~

    今天是你开工的第几天? 是谁在回味假期的美好 是谁一上班就困困困 是谁身在上班心还在春节假 友情提示 再坚持4天,就到周末了 世间长假难有 但周末常在 无论是对于学习人还是打工人来说 周末都太美好了 ...

  10. echarts基本使用参考pink老师笔记

    echarts 可视化面板介绍 Echarts介绍 Echarts使用步骤 Echarts-基础配置 color:调色盘颜色列表 title:标题组件 tooltip:提示框组件 触发类型 legen ...

最新文章

  1. Client Dimensions , offsetHeight , scrollTop 属性详解
  2. Push Notification (1)Google C2DM 服务
  3. AI时代!我选Python因为Python是人工智能的未来
  4. 记一次阿里云的面试,止步第三轮,可惜!
  5. 浅谈JavaScript中的事件
  6. 用计算机弹奏hop,关于职称计算机Photohop模拟练习题参考
  7. ubuntu搭建nodejs生产环境——快速部署手册
  8. FSNotes for Mac(强大的文本编辑器)
  9. 【kafka】Kafka JMX监控报错 Failed to get broker metrics for BrokerIdentity
  10. 三级python考试难吗_Python自学之路:三级菜单
  11. H3C SecPath U200-S 如何在内网使用外网IP地址访问内网服务器
  12. python的标准数据类型_Python中的标准数据类型
  13. 企业从信息化角度解读智慧城市,难以根治城市病
  14. List、Set和Map的简单理解
  15. 名单出炉!下一轮“双一流”,重点建设这些高校!
  16. python可以作为源文件后缀名的是_python 后缀名
  17. 算法 | 八皇后问题
  18. visio粘贴excel图表
  19. C++正则表达式(regex_match、regex_search与regex_replace)
  20. Android 圆形头像实现

热门文章

  1. PHP最好的培训学校-兄弟连IT教育
  2. openerp环境的搭建
  3. 快速下载 Android framework 源码
  4. 有哪些有意思高质量的中文网站
  5. 《漫游》之《耽美幻想》
  6. Kent Beck简单设计四条规则
  7. ObjectARX反应器概述
  8. 【PMP】关键路径法
  9. Maven基础概念和安装配置教程
  10. 从国际象棋与象棋的走法差异,再趣说IT人提升能力和增收方式