文章简介：假设你有一组作品，你想不用转跳到另外一个页面就可以显示多个图片，你可以将JPG图片载入到目标元素中去。下面是jQuery图片切换效果示例.

假设你有一组作品，你想不用转跳到另外一个页面就可以显示多个图片，你可以将JPG图片载入到目标元素中去。下面是jQuery图片切换效果示例：

该示例的核心jQuery代码：

$(document).ready(function() { $("h2").append("<em></em>") $(".thumbs a").click(function() { var largePath = $(this).attr("href"); var largeAlt = $(this).attr("title"); $("#largeImg").attr({ src: largePath, alt: largeAlt }); $("h2 em").html(" (" + largeAlt + ")"); return false; }); });

首先给H2添加一个空的<em>元素。

当点击<p> 中的链接

将链接的href属性保存到 “largePath”变量中。

然后将标题属性保存到”largeAlt”变量中

将<img id=”largeImg”> 的scr属性用变量 “largePath”替代，而alt属性用变量”largeAlt”替代

将em（在h2中）的内容设置成变量largeAlt的值。

更多关于 的文章

·上一篇：CSS实现元素相对于浏览器窗口进行定位
·下一篇：jQuery实例教程:制作网页中可折叠的面板