社区
JavaScript
帖子详情
点击不同的文字和图标显示不同的div内容
沐笙清歌寒
2020-01-07 04:50:03
类似这样的怎么实现
...全文
285
5
打赏
收藏
点击不同的文字和图标显示不同的div内容
类似这样的怎么实现
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
沐笙清歌寒
2020-01-09
打赏
举报
回复
谢谢明白了从网上找的
天际的海浪
2020-01-09
打赏
举报
回复
这就是选项卡的效果,网上搜一下多的是。
前端_小菜鸟
2020-01-08
打赏
举报
回复
<div class="baseStyle"> <div > 经营</div> <div class="xxx" style="display:none">不同样式在这里写,</div> </div> 点击的时候加个class 不就行了? 样式里面修改,如果样子不一样,点击是把它显示出来就行啦,这里只是举一个大概例子
沐笙清歌寒
2020-01-07
打赏
举报
回复
引用 1 楼 usecf 的回复:
你可以弄个公共的div 点击的时候,切换这个div的内容 或者定义2个,点击的时候,隐藏或者显示对应的div内容
如何写呢你能给点代码吗?
usecf
2020-01-07
打赏
举报
回复
你可以弄个公共的div 点击的时候,切换这个div的内容 或者定义2个,点击的时候,隐藏或者显示对应的div内容
在html的
div
中
显示
图标
(并产生
点击
事件)
在实习的过程中,我遇到了如何在前端的一个大
div
中放一个包含
点击
事件的小
图标
的需求。 类似这样 以前对前端的了解甚少,故记录一下这个东西的实现方法。 1.首先确认其将要放入的这个元素(
div
)的父
div
为相对布局(position:relative) 为什么要先确认父
div
是相对布局呢 总之,其设定为父相对布局,子绝对布局的话,子
div
会在页面布局改变时相对于父
div
进行自适应,不会出现子
div
脱离父
div
乱飘的情况。 ...
Cesium
点击
图标
弹出
div
动态
显示
图标
信息
使用cesium先引入cesium.js // An highlighted block <script type="text/javascript" src="Build/Cesium/Cesium.js"></script> 弹出的
div
// An highlighted block //这是弹出来的
div
可以根据需求换成table <
div
class="...
vue实现
点击
某个
div
出现和隐藏
内容
功能
1.首先在所需要隐藏或
显示
的
内容
div
加v-show,代表判断是否
显示
或隐藏 <
div
v-show="shopShow">
内容
</
div
> 3.我这里是在打开
内容
中有一个 × 号来关闭
显示
效果,在iconfont
图标
的
div
加入一个
点击
事件 <
div
@click="toggleShopShow"> <span class="iconfont icon-close"></span> </
div
> 3
vue实现
点击
不同
按钮展示
不同
内容
效果是:在同一个页面,
点击
不同
按钮,展示
不同
内容
(
内容
也是在同意页面) 方法是:借助v-show渲染
不同
的class属性 步骤: 1.先写两个按钮 <
div
class="right1"> <button class="btn_anniu" @click="change(0)" :class="{ newStyle:0===number}">地图</button> <button class="btn_
前端:
点击
底部导航切换
图标
文字
H5
点击
底部导航切换
图标
文字
html代码: <
div
class="btm_group"> <
div
class="bbtn btn1 btm_s" data-type="u" data-id="1" > <img id="b_img1" src="__PUBLIC__/img/btm1-s.png" class=""/> <span>福利</span> ..
JavaScript
87,901
社区成员
224,628
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章