html点击修改图片浏览,更改图片onclick并再次单击时更改为上一图片 - 仅使用CSS和HTML...

我试过下面的代码，点击图片后，它会变成另一张图片，再次点击时应该切换回上一张图片。在下面的代码中，图像将只在按住鼠标按钮时保持可见。我想让它保持可见状态，直到您再次点击。更改图片onclick并再次单击时更改为上一图片 - 仅使用CSS和HTML

HTML5 form

div.nav {

height: 340px;

width: 300px;

margin:0;

padding:0;

background-image:url("http://s24.postimg.org/6g070ei6d/logo.jpg");

}

div.nav a, div.nav a:link, div.nav a:visited {

display:block;

}

div.nav img {

border:0;

}

div.nav a:active img {

visibility:hidden;

.thumbnail:focus span

visibility: visible;

}

2013-09-27

Anand

+1

你不能做点击事件只用CSS。这就是你需要JavaScript或jQuery的地方。你可以用CSS做的最好的是：活动，但只有当鼠标按下时才能使用。 –