JS练习作业

最新推荐文章于 2023-08-28 20:00:40 发布
最新推荐文章于 2023-08-28 20:00:40 发布
阅读量417 收藏 9
点赞数
文章标签： html5 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53321685/article/details/120450747
版权

1.案例-京东关闭广告

代码实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box {
				position: relative;
				width: 74px;
				height: 88px
				border:1px solid #ccc;
				margin: 100px auto;
				font-size: 14px;
				text-align: center;
				color: black;
				
			}
			
			.box img {
				width: 765px;
				margin-top: 5px;
			}
			
			.close-btn {
				position: absolute;
				top: 9px;
				left: 738px;
				width: 14px;
				height: 14px;
				border: 5px solid gray;
				line-height: 14px;
				font-family: Arial, Helvetica, sans-serif;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<img src="https://img20.360buyimg.com/pop/jfs/t1/200536/7/8877/79378/61445f6bE8fc391cb/1243192c86f8102b.jpg" >
			<i class="close-btn">x</i>
		</div>
		&l
最低0.47元/天 解锁文章
幼兒园扛把子
关注
  • 0
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
pink老师京东关闭广告简单用例
qq_59294119的博客
02-05 86
JavaScript
JS基础练习题
03-12
js练习题
说一道前端面试题
oWoDeShiJie123的博客
06-17 394
题如下： javascript 代码效果预览 123456 for (var i = 0; i &lt; 3; i++) { setTimeout(function() { console.log(i); }, 0); console.log(i); }结果是：0 1 2 3 3 3 很多公司面试都爱出这道题，此题考察的知识点还是蛮多的。 ...
js实现关闭广告弹窗
世间万物皆不如你
12-28 5708
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
JavaScript学习笔记——第二篇
m0_63003627的博客
08-28 1177
作用：每隔一段时间 调用这个函数间隔时间单位是毫秒。
pink老师京东关闭广告作业
luww2222的博客
02-27 357
代码如下： 1.HTML部分： <div> <img src="advertising.png" title="广告"> <a href="#">×</a> </div> 2.CSS部分： <style> div { position: relative; } img {
课工场作业-js.zip
12-07
练习1：制作简易的当当购物车页面 练习2：查看一年四季变化 练习3：完善当当购物车页面 练习4：制作12进制的时钟特效
HTML+CSS+JS大学生作业作品练习
最新发布
02-03
一站式旅游服务网 1.景点、酒店、民宿、餐厅等产品 2.加购功能 3.加购列表 4.成交并在加购列表清除
js零基础练习题
01-10
javascript零基础练习题共18道
JavaScript作业01
09-06
javascript基础作业练习资料源码
JS实现京东首页之页面顶部、Logo和搜索框功能
11-28
昨天我们主要讲了京东首页的基本布局，今天我们主要来逐步实现京东首页的页面顶部、Logo&搜索框。首先我们来看下我们今天将要实现的效果： 下面页面布局详细分析： 1、页面头部分三个部分依次实现：五角星图、收藏京东、右边文字部分（用列表实现）； 其中当鼠标停放在手机京东上，手机背景图发生变化，变成红色带jd的图案；当鼠标悬停在客服服务上，出现下拉列表。 2、Logo&搜索框分四个部分实现：左边京东Logo、中间搜索框（上部：快速搜索；下部：热门搜索）、右部我的京东&去购物车（步骤类似我的京东，省略） 分析图： 具体实现代码如下： jd_index.html <!doctype html> <
JavaScript实现广告的关闭与显示效果实例
01-19
本文实例讲述了JavaScript实现广告的关闭与显示效果。分享给大家供大家参考。具体实现方法如下： js代码部分如下： [removed] <!-- function display(){ if(googlead.style.visibility == 'visible'){ googlead.style.visibility ='hidden' ; document.getElementById('words')[removed]='\u5173\u95ed'; return true; } else{ googlead.style.visibility='vis
用Javascript实现关闭广告案例
茂茂的博客
01-28 2957
用Javascript实现关闭广告案例 正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教 我们在网页中经常可以看见烦人的小广告，并且广告的旁边通常会有一个特定的位置和图标来关闭这个广告图。下面用JS代码来简单的实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <st
前端基础进阶-JavaScript核心 DOM BOM操作-第一天课后作业
weixin_48132252的博客
12-28 870
第一天世纪佳缘 用户名 显示隐藏内容功能描述代码实现注意事项京东关闭广告（直接隐藏即可）功能描述代码实现新浪下拉菜单（微博即可）功能描述代码实现注意事项开关灯案例功能描述代码实现注意事项 世纪佳缘 用户名 显示隐藏内容 功能描述 表单框默认内容为“邮箱/ID/手机号”；颜色较浅。 鼠标放到表单框时，内容清空，边框颜色变为粉色。输入内容颜色较深。 鼠标离开，如果输入有内容则保留原有输入内容；没有输入内容则改回默认内容。颜色较浅。 代码实现 <!DOCTYPE html> <html la
HTML怎么编写可关闭广告,JS实现关闭小广告特效
weixin_39990819的博客
06-22 689
本文实例为大家分享了JS实现关闭小广告特效的具体代码，供大家参考，具体内容如下知识点1、获取元素2、通过元素获取父元素3、删除节点4、设置元素隐藏运行效果直接删除隐藏代码Title#box{height: 200px;width: 200px;position: relative;display: inline-block;}#box>#icon{height: 100%;width: 10...
js关闭广告
weixin_45097456的博客
09-27 2269
<style> #bx1{ height: 500px; background: url(img/01.jpg)no-repeat; position: relative; } #bx2{ width: 100px; height: 100px; position: absolute; left: 400px; ...
模拟京东关闭广告栏
宅羽的博客
06-22 936
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; * { padding: 0;
js的项目1:世纪佳缘、京东关闭广告、新浪下拉菜单、开关灯案例
小黄呀呀呀的博客
09-17 1766
1、世纪佳缘 用户名 显示隐藏内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
HTML,CSS,JS京东最上方广告页面
pinkmt的博客
04-24 476
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>京东</ti...
c语言程序设计基础作业练习系统
05-19
您需要一个C语言程序设计基础作业练习系统，可以通过以下步骤来设计实现： 1. 确定系统需求：确定系统的功能需求，例如：提供题库、自动批改、学生管理等。 2. 设计数据库：根据系统需求，设计相应的数据库结构，包括题目、学生信息、成绩等。 3. 开发后台代码：使用C语言开发后台代码，实现系统的核心功能，例如：题目管理、学生管理、自动批改等。 4. 设计前端界面：使用HTML、CSS、JavaScript等技术设计前端界面，实现用户交互。 5. 集成后台和前端：将后台代码和前端界面进行集成，实现系统的完整功能。 6. 测试和优化：进行系统测试，发现并修复问题，优化系统性能和用户体验。 需要注意的是，设计开发一个完整的C语言程序设计基础作业练习系统需要较长的时间和较高的技术成本，建议您可以考虑使用已有的第三方系统或者开源项目来满足您的需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值