css和js怎么控制html点击一张小图片就显示一张大图片？

html-css09

css和js怎么控制html点击一张小图片就显示一张大图片？,第1张

第一种方法：将三张大图放在div里面，这三个div大小还有别的属性都一样，但是默认是隐藏的，display：none；隐藏display：block；显示然后点击一张图片，对应的大图div显示出来，点击第二张，第一个大图div隐藏，第二个大图div显示。第二种方法，只有一个大的div，里面放<img>标签，但是src也就是路径是空的，然后当你点击第一个小图的时候，给这个img标签的src赋值，也就是第一个大图的路径，点击第二个，路径变更。第三种，去网上找找这样的源代码，图片轮转。好多源代码 各种样式的都有。希望能帮助到你

CSS里面没有点击事件，只能控制鼠标移入的时候显示！

小案例：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>CSS里鼠标点击div里的LI A时加上背景图片</title>

<style type="text/css">

div:hover>a{background: url(img/5.jpg)}

</style>

</head>

<body>

<div>

<a href="">百度知道</a>

</div>

</body>

</html>

案例截图：为进入

案例截图：进入