为了账号安全,请及时绑定邮箱和手机立即绑定

鼠标移动到一个li上会跟着变化到对应的div,一张图片的能写出来,把4张图片放到一个div里就不会了

/ 猿问

鼠标移动到一个li上会跟着变化到对应的div,一张图片的能写出来,把4张图片放到一个div里就不会了

http://img.mukewang.com/59952f54000126e804940563.jpg

查看完整描述

6 回答

?
cnyballk

你这是选项卡切换的意思吧?这个用css的hover就可以了

查看完整回答
反对 回复 2017-08-18
?
抗震性能


可以试下overflow:hidden;

查看完整回答
反对 回复 2017-08-17
?
qq_蚊香_0

没有图希望这个代码能给你点提示

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title></title>
   <style>
       *{
           margin: 0;
           padding:0;
       }
       #box{
           text-align: center;
           background-color: rgba(255,255,255,0.3);
       }
       body{
           background: url("1.jpg")no-repeat;
       }

       img{
          width: 150px;
           height: 100px;
           cursor: pointer;
       }
   </style>
</head>
<body id="qq">
<div  id="box">
       <img  class="q" src="1.jpg" alt=""/>
       <img  class="q1"src="2.jpg" alt=""/>
       <img class="q2" src="3.jpg" alt=""/>
</div>

</body>
</html>
<script>
   var img=document.getElementsByTagName("img");
   var body=document.getElementById("qq");
   img[0].onclick=function(){
       body.style.background="url('1.jpg') no-repeat";
   };
   img[1].onclick=function(){
       body.style.background="url('2.jpg') no-repeat";
   };
   img[2].onclick=function(){
       body.style.background="url('3.jpg') no-repeat";
   }
</script>

查看完整回答
反对 回复 2017-08-17
?
于大宝贝

将其他的div隐藏,鼠标移动到li上,让对应的div显示,其它div隐藏。每一个li都有一个index属性,用属性找到对应的div,将其显示。

查看完整回答
反对 回复 2017-08-17
?
FSYu

没懂你要问什么,是哪里不会啊

查看完整回答
反对 回复 2017-08-17
?
陌上人如玉_010

四个图片放在一个div里

查看完整回答
反对 回复 2017-08-17

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信