我爱占星网 我爱占星网
首页
编程
java
php
前端
首页 编程 java php 前端

html网页制作如何实现下面效果

如何利用css或者JavaScript实现下面的效果:

开始样式是这样:

img

点击一下“教工活动”后,教工活动样式以及下面的图片就发生变化:

img

最后再点击一下“学生活动”,样式又变回来:

img

点击顶部文字,切换图片路径或者使用display:none切换图片的显示状态,让另一个隐藏一个显示即可

近期文章

  • 我应该使用Amazon S3还是SimpleDB来存储小文档?
  • matlab输入数据
  • Abaqus6.14安装最后一步出现问题
  • xdoj跳一跳C语言求改错
  • 频繁调用的接口中数据库连接无故关闭,出现com.microsoft.sqlserver.jdbc.SQLServerException: Socket closed异常,接口无法响应
  • 用终端运行Java没有生成.class文件
  • 在eclipse上将二进制转十进制问题
  • scrcpy-server.jar 1.24启动参数怎么配置
  • matlab输入排序程序
  • PHP - 从分隔的字符串创建多维关联数组
  • 将一个普通函数转成更简洁的箭头函数?
  • 关于#c++#的问题,请各位专家解答!
  • DEBUG汇编语言问题
  • 3dmax的forest pack插件渲染效果不好
  • 电路薄弱,可以学嵌入式开发吗
  • 简易计算机,可以算出加减乘除
  • 友友们这个哪里错了呀
  • 想呈现出图片上的效果可是css里的内容好像链接不上,请问这是哪的问题,要怎么改
  • 有什么方法可以在(1,2)(2,1)友谊场景中找到共同的朋友?
  • 请问这个问题应该如何解决呢

Copyright ©2022 我爱占星 All Rights Reserved.

浙ICP备2022030071号-1

部分图文来自网络,如有侵犯您的版权,请告诉我们删除

友情链接:代码精华