JSDM

HTML

19
 
1
<ul>
2
  <li>
3
    <p>1</p>
4
    <img src='xxx.jpg'/>
5
  </li>
6
   <li>
7
    <p>2</p>
8
    <img src='xxx.jpg'/>
9
  </li>
10
   <li>
11
    <p>3</p>
12
    <img src='xxx.jpg'/>
13
  </li>
14
   <li>
15
    <p>4</p>
16
    <img src='xxx.jpg'/>
17
  </li>
18
</ul>
19
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

CSS

xxxxxxxxxx
20
 
1
*{margin:0;padding:0;}
2
ul{
3
  margin:50px auto;
4
   width:100px;
5
}
6
li{
7
  list-style:none;
8
  border:1px solid #000; 
9
  padding:10px;
10
  margin-top:-1px;
11
}
12
img{
13
  margin-top:10px;
14
  display:none;
15
  width:100%;
16
  height:120px;
17
}
18
li.on img{
19
 display:block;
20
}
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

4
 
1
$('ul li').eq(0).addClass('on');
2
$('ul li').hover(function(){          
3
  $(this).addClass('on').siblings().removeClass('on')
4
})
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................