前端~腾讯课堂选项卡部分代码

最新推荐文章于 2024-03-20 22:14:05 发布
最新推荐文章于 2024-03-20 22:14:05 发布
阅读量1.8k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MayJay517/article/details/78046251
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>选项卡制作</title>
<style type="text/css">
*{margin: 0;padding: 0;}
ul,h3,p{margin: 0;padding: 0;}
a{text-decoration: none;
 color: #928F8F;
 font-size: 14px;}
 a:hover{text-decoration: underline;}
#nav{width: 220px;
background:/*#0477c0*//*rgba(0, 0, 0, 0.0980392)*/rgba(0, 0, 0, 0.0666667);
margin: 0 0 0 100px;
float: left;
/*border: 1px solid #000;*/}
.title{line-height:50px ;
color: #000000;
font-family: "微软雅黑";
background: rgba(0, 0, 0, 0.0980392) url(img/title.png) no-repeat 20px;
text-indent: 45px;}
ul{}
li{position: relative;
list-style: none;
height: 70px;
text-indent: 10px;
/*border-bottom: 1px solid #0099ff;*/
}
li:hover{background: rgb(255,255,255);}
h3{color: #000000;
line-height: 40px;
font-weight: 600;
font-size: 16px;
background: url(img/li.png) no-repeat 184px;}

#nav ul li .menu{position: absolute;
display: none;
left: 220px;
top: 0;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id="nav">
<div class="title">
全部课程
</div>
<ul>
<li>
<h3>职业技能</h3>
<p>
<a href="" target="_blank">职场技能</a>
<a href="" target="_blank">SNS营销</a>
<a href="" target="_blank">公务员</a>
</p>
<div class="menu">
<img src="img/2.png"/>
</div>
</li>
<li>
<h3>IT培训</h3>
<p>
<a href="" target="_blank">职场技能</a>
<a href="" target="_blank">SNS营销</a>
<a href="" target="_blank">公务员</a>
</p>
</li>
<li>
<h3>语言学习</h3>
<p>
<a href="" target="_blank">职场技能</a>
<a href="" target="_blank">SNS营销</a>
<a href="" target="_blank">公务员</a>
</p>
</li>
<li>
<h3>中小学/大学</h3>
<p>
<a href="" target="_blank">职场技能</a>
<a href="" target="_blank">SNS营销</a>
<a href="" target="_blank">公务员</a>
</p>
</li>
<li>
<h3>兴趣爱好</h3>
<p>
<a href="" target="_blank">职场技能</a>
<a href="" target="_blank">SNS营销</a>
<a href="" target="_blank">公务员</a>
</p>
</li>
<li>
<h3>亲子课堂</h3>
<p>
<a href="" target="_blank">职场技能</a>
<a href="" target="_blank">SNS营销</a>
<a href="" target="_blank">公务员</a>
</p>
</li>
<li>
<h3>职业技能</h3>
<p>
<a href="" target="_blank">职场技能</a>
<a href="" target="_blank">SNS营销</a>
<a href="" target="_blank">公务员</a>
</p>
</li>
</ul>
</div>
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$("#nav ul li").hover(function(){
$(this).find(".menu").show();
},function(){
$(this).find(".menu").hide();
});
</script>
</html>
MayJay517
关注
知识付费创业中的用户反馈收集与应用
AI天才研究院
10-29 1045
第一部分：知识付费与用户反馈概述 第1章：知识付费行业背景分析 1.1.1 知识付费的发展历程 知识付费，作为互联网经济下的产物，近年来在全球范围内迅速崛起。最早的知识付费形式可以追溯到20世纪末，互联网普及之后，在线
腾讯课堂前端模板
05-09
仿腾讯课堂前端模板
# 练习的代码示例 （java版 ）(腾讯课堂版)
暴走的山交君的博客
02-08 302
eclieps java 一 .3个班级 4个学生 求平均分 二.新建一个数组添加新的元素 一 .3个班级 4个学生 求平均分 package com.score; //包 import java.util.Scanner;//输入库; /* 3个班级 每班4个人 求平均分； 注：双重循环 外层班级 内层学生； */ public class score { public st...
JS实现腾讯课堂答题，送花，发消息脚本
01-08
闲来无事写个简单的JS脚本，实现自动签到，答题，送花，发消息脚本，这样就可以睡觉了，哈哈哈。 由于老师一直没有签到，也没测试好这块代码，等测试完成再补充。 操作步骤： 注意，这个只能在网页版的腾讯课堂中完成。 首先，右击页面，点击检查，会出现如下页面。 然后，点击上方的console 出现如下页面： 然后往里面复制相关代码即可 代码如下： 送花代码： var flower = setInterval(function(){ document.getElementsByClassName(toolbar-icon)[2].click();},1000); 发送消息代码： var me
微信小程序学习笔记(四)——首页小程序实例(仿腾讯课堂首页)
Late_whale的博客 作者：代码搬运工老李的二师兄
07-13 675
效果 项目结构 index.wxml wxml里很简单，核心东西都在index.wxss中。 <view class="body"> <!-- 头部 --> <view class="head"> <view class="head_bar active">推荐</view> <view class="head_bar">精品</view> <view class="head_bar">排行
腾讯课堂主页 静态html模拟
10-15
腾讯课堂的主页页面模仿。
学前端的经历
weixin_57827335的博客
04-30 984
《学前端的那些经历》 在人生的抉择处，寻求一些别人的经验和总结，无可厚非，但是决定了就一定要坚定的走下去，谨慎是为了更好的坚持，而不是放弃的理由。 写在前面：这里前后端指的是web开发的前后端。 1、前端岗位需求如何？前景如何？薪资如何？（这是对将转行业的必要考量） 2、是自学好？还是培训好？（抱歉，我是报北大青鸟培训机构的，对于自学下文不发表任何观点） 3、如何高效学习，多久能找到工作？ 4、非科班会不会没发展？年龄大会不会被淘汰？ 5、前端和后端哪个好？上手？发展前景？ 以上这些问题，有些是1年前我想知
【愚公系列】2024年03月 《AI智能化办公：ChatGPT使用方法与技巧从入门到精通》 023-ChatGPT的办公应用（ChatGPT在Word中的应用）
最新发布
时光隧道
03-20 6万+
安装ChatGPT插件首先，确保您已经安装了适用于Word的ChatGPT插件。您可以从OpenAI官方网站或其他适用的渠道获取插件安装包。下载并安装插件，按照提示完成安装过程。启动Word并打开一个新文档启动Microsoft Word应用程序，并打开一个新的文档，您可以开始在这个文档中写作。使用ChatGPT插件在Word中，找到ChatGPT插件的位置或菜单选项。通常，插件会显示在工具栏或菜单栏中。点击插件图标或选项，启动ChatGPT插件。
uni-app 快速的前端开发平台 初次体验记录
AKGWSB 's blog
07-31 661
前言 跨平台一直是一个老生常谈的问题。一个项目的部署，web，app，小程序，ios应用，前端往往需要编写多套不同的代码，实现人机交互界面。而后端的接口及其协议一直不变，但是总不能让用户自己组织JSON并且去请求对应的接口吧 。于是有大佬们就搞了这样一个平台，只需要编写一次前端的逻辑代码，即可发布到不同的客户端上，这是好的，因为它能够实现快速开发。 ...
1000套微信小程序源码源代码带后台带运行截图预览图学习资料网盘下载
优派编程
09-03 6701
1000多套微信小程序源码带后台+教程+不同行业的源码集合o2o行业| - 盒马鲜生| - 轻客洗衣互联网行业| - 云文档| - 仿ofo共享单车| - 仿美团外卖| - 仿饿了么...
韩顺平山寨QQ课堂版、普通版、改进版(加强版)源代码2套代码
05-06
这里包含2套代码，普通版(课堂版)是简单的实现，改进版(加强版)是对韩顺平的视频的山寨QQ进行功能的加强。客户端的登录窗口，可以通过服务器访问数据库进行身份验证，也可以客户端进行增删好友的操作。这些操作都是从客户端将信息传到服务器然后再服务器端访问数据库的。下这个资源我共花了10分，降低大家平时的花费。
腾讯课堂PC客户端
09-18
腾讯课堂是腾讯推出的专业在线教育平台，聚合了优质教育机构和教师的海量课程资源。作为开放式的平台，腾讯课堂计划帮助线下教育机构入驻，共同探索在线教育新模式，这无形中又为在线教育O2O增添了几分热度。 腾讯课堂凭借QQ客户端的优势，实现在线即时互动教学；并利用QQ积累多年的音视频能力，提供流畅、高音质的课程直播效果；同时支持PPT演示、屏幕分享等多样化的授课模式，还为教师提供白板、提问等能力。 腾讯创建在线教育平台—腾讯课堂，改善了中国教育资源分布和发展不均的现状，依托互联网，打破地域的限制，让每个立志学习，有梦想的人，都能接受优秀老师的指导和教学；同时希望给优秀的机构及教师一个展示的平台。
hell world
04-26
springboot 简单war包，利用docker下载Tomcat镜像，本地启动，将war包放入测试
Vue20全家桶仿腾讯课堂移动端
08-12
Vue2.0全家桶仿腾讯课堂（移动端）
腾讯课堂 微信内部小程序培训课程 完整版
03-26
微信的小程序项目分析 项目开发实战案例培训 完整版内部教程
Python爬虫源码，腾讯课堂后台直播课程视频下载源码！
二爷记
10-19 1198
腾讯课堂是知名大厂的在线学习平台，其中在线直播课是不少机构引流和交易转化的利器工具，平台需要10个点的服务费用，营业额流水的10%，扣点还是比较高的，不过腾讯系平台可以全推，不担心被封禁！如果想要在鹅系推广课程，腾讯课堂是必不可少的，比如公众号推广或者广点通，qq，微信朋友圈等推广宣传。这里本渣渣写了一个工具，可批量下载腾讯课堂后台课程视频资源，包括直播课及录播课课程资源，前提你得是腾讯课堂后台管...
JS实现腾讯课堂签到，答题，送花，发消息脚本
weixin_44331176的博客
03-12 7805
闲来无事写个简单的JS脚本，实现自动签到，答题，送花，发消息脚本，这样就可以睡觉了，哈哈哈。 由于老师一直没有签到，也没测试好这块代码，等测试完成再补充。 操作步骤： 注意，这个只能在网页版的腾讯课堂中完成。 首先，右击页面，点击检查，会出现如下页面。 然后，点击上方的console 出现如下页面： 然后往里面复制相关代码即可 代码如下： 送花代码： var flower = setInte...
HTML+CSS+JS网页设计期末课程大作业 京剧文化水墨风书画
而风不止
11-14 2万+
网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为。
网课马上到期，如何下载到本地电脑，随时随地学习
pop23116的博客
07-20 1055
以前下载付费课程时候直接用抓猫工具，抓到m3u8链接。
layui选项卡与弹出层效果实现代码示例
"这篇文章主要介绍了如何使用layui框架实现选项卡效果，包括默认风格的Tab和动态操作Tab的示例代码。" layui是一个轻量级的前端UI框架，它提供了丰富的组件，包括选项卡（Tab）在内，用于构建美观、响应式的网页。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值