4条回答 默认 最新
- 澹台云夜 2017-06-27 10:39关注
css部分,没怎么弄
<style> #container{ width: 100%; height: 1000px; } .bg{ width: 50px; height: 50px; float: left; } .bgC{ width: 50px; height: 50px; float: left; display: none; } </style>
主要核心是把当前的style给container
<div id="container"> <div class="bgChanges"> <div class="bg" style="background: blue;"></div> <div class="bg" style="background: green;"></div> <div class="bg" style="background: #B8860B;"></div> <div class="bg" style="background: #8EE5EE;"></div> <div class="bg" style="background: #CD0000;"></div> <div class="bg" style="background: #CD00CD;"></div> </div> <div class="bgChecked"> <div class="bgC" style="background: blue;">√</div> <div class="bgC" style="background: green;">√</div> <div class="bgC" style="background: #B8860B;">√</div> <div class="bgC" style="background: #8EE5EE;">√</div> <div class="bgC" style="background: #CD0000;">√</div> <div class="bgC" style="background: #CD00CD;">√</div> </div> </div>
先吃饭
<script> $(function(){ //alert($('.bg').length); for(i=0;i<$('.bg').length;i++){ $('.bg').eq(i).on('click',function(){ //alert($(this).index()); var j = $(this).index(); $('.bgC').hide(); $('.bgC').eq(j).show(); $('#container').css('background',$(this).css('background')); }) } }); </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器