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

html-css017

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>

案例截图:为进入

案例截图:进入