展开全部
<style>
.show{width:120px; height:120px; margin:0 auto; overflow:hidden;}
</style>
</head>
<body>
<div class="show"><img id="a" src="png1.png" /><img id="b" src="png2.png" /><img id="c" src="png3.png" /><img id="d" src="png4.png" /></div>
<div ><a href="#a"><img src="png1.png" /></a><a href="#b"><img src="png2.png" /></a><a href="#c"><img src="png3.png" /></a><a href="#d"><img src="png4.png" /></a>
.show{width:120px; height:120px; margin:0 auto; overflow:hidden;}
</style>
</head>
<body>
<div class="show"><img id="a" src="png1.png" /><img id="b" src="png2.png" /><img id="c" src="png3.png" /><img id="d" src="png4.png" /></div>
<div ><a href="#a"><img src="png1.png" /></a><a href="#b"><img src="png2.png" /></a><a href="#c"><img src="png3.png" /></a><a href="#d"><img src="png4.png" /></a>
展开全部
四张大图和四张小图,,分别用div和ul li 布好局,,,,四张大图分别加描点:id=“xxx”,,,然后在四张对应的小图里,加上name=“xxx”,,,,大图小图的id,name一定要对应,,,,,点击小图,就会出现相应的大图了,,,,,,,,,,,,如果是鼠标滑过变的话就要用到伪类了…:hover
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个需要javascript
追问
只用div+css能做不,老师说要用到锚点什么的,不知道怎么做
追答
可以的,需要用动作,伪类,但是感觉用js比较好
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |