点击图片特定区域实现图片动态切换（图片热点、谷歌手形切换）

最新推荐文章于 2022-02-10 15:44:52 发布

萌萌的卡洛奇

最新推荐文章于 2022-02-10 15:44:52 发布

阅读量1.5k

点赞数 1

分类专栏： html 文章标签：浏览器谷歌图片切换图片热点手形显示

本文链接：https://blog.csdn.net/yuzhongzi81/article/details/39233879

版权

该博客介绍了一种利用图片热点技术实现图片动态切换的方法，通过点击图片的特定区域来切换不同的图片，而非链接到外部网页。案例适用于谷歌浏览器。

摘要由CSDN通过智能技术生成

关于点击图片的特定区域实现图片的动态切换效果，在网上找了很久，也没能找到合适的例子，好吧，只有自己动手写一个...

此案例运用了图片的热点技术，可以链接到特定的网页文件，但是此处不需要，我只需要切换的是图片而已

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>hotDot</title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$("#file>area").click(function() {
					if($(this).attr("id") == 'left') {
						//如果点击的是文件模式
						$("