html中最简单的js特效（请问这种html效果是如何实现的是纯css效果还是js特效，如果能给出实现方法有大额追加，感谢各位大牛！）
本文目录
- 请问这种html效果是如何实现的是纯css效果还是js特效，如果能给出实现方法有大额追加，感谢各位大牛！
- 关于html、js的简单的问题，怎么使用JS实现点击圈圈可以切换另一部分，如图
- 如何在HTML中插入JS完成“点击图A，其上方弹出图B”的效果
请问这种html效果是如何实现的是纯css效果还是js特效，如果能给出实现方法有大额追加，感谢各位大牛！
《!DOCTYPE html》
《html lang="en"》
《head》
《meta charset="UTF-8"》
《title》Title《/title》
《script src="jquery.js"》《/script》
《style》
#a{
width: 100px;
height: 100px;
background-color: greenyellow;
}
《/style》
《/head》
《body》
《div id="a"》《/div》
《!--这样就可以实现鼠标进去与出来div的样式的改变，如果要动画也可以加上--》
《/body》
《script》
$("#a").mouseover(function (){
$("#a").css("width", "200px");
});
$(’#a’).mouseleave(function() {
$("#a").css("width", "100px");
});
《/script》
《/html》
关于html、js的简单的问题，怎么使用JS实现点击圈圈可以切换另一部分，如图
/* 最简单的做法
- 假定有两页
- 页a：div_a
- 页b：div_b
当点击第一个“圈圈”，把第一个显示(display:xxxxx)，第二个（其他）隐藏（display:none;）
*/
如何在HTML中插入JS完成“点击图A，其上方弹出图B”的效果
B.css{ display:none};
先将CSS中的图片B隐藏，再创建js，点击A弹出图片B,简单点就是图片A的onclick=“show()”;
《html》
《head》
《tittle》《/tittle》
《script type="text/javascript" language="javascript"》
function show()
{
picB=document.getElementById("B的Id");
picB.style.display="block";
}
《/script》
《/head》
《body》
《img src="#" onclick="show()" alt="图片A" /》
《img src="#" alt="图片B" id="B的Id"/》
《/body》
《/html》
更多文章：
特殊字符ascii码范围（字符A到Z的ASCII代码是多少）
2025年9月22日 12:30
2026年2月20日 10:45
jdk怎么读（java的读音到底是怎么读的啊怎么每个人的读法都不一样啊）
2026年4月30日 15:30
网站已改版 请点击进入（中国卫生人才网怎么进不去了,显示网页无法访问）
2025年12月24日 18:00
2026年8月28日 03:00
2026年9月25日 09:45
2026年4月10日 07:45
c语言程序设计谭浩强2020（谭浩强c语言程序设计多久能学完）
2025年10月12日 00:15
parsefloat js（JS中 parseFloat（） 函数）
2026年5月27日 05:00
lengthening是什么意思（Extension Risk是什么意思）
2026年1月1日 21:15
mysql笔试题目及答案（2018年计算机二级考试MySQL巩固试题三）
2025年9月17日 14:45
正弦余弦正切值对照表图（tan30度 tan45度 tan60度 tan90度等于多少）
2026年2月5日 19:45
安卓开发语言kotlin（安卓手机游戏《铁锈战争》是什么语言写的）
2025年5月28日 22:30
小型linux系统中文版（有图像界面的linux系统，最小的是哪个版本（支持中文的），有多大）
2025年12月31日 07:00
echarts是中文吗（e chart s是基于什么实现的）
2025年12月8日 03:00
2025年8月9日 01:30
executor用法（线程池之ThreadPoolExecutor使用）
2025年12月22日 01:30
基于solidworks的机械毕业设计（sw如何设计三维机械图SolIDWorks2019三维机械设计制图！）
2026年7月9日 23:30
matrix平台（Gitter：面向开发者的跨平台开源社区平台）
2025年10月29日 17:30
