谁能给我讲下js图片切换的原理？

郑文

本帖最后由付茂炯于 2012-3-4 17:25 编辑

最好能跟一个小实例。O(∩_∩)O谢谢！

安超 · 安超

$(function () {
$("#pics img").css("cursor", "crosshair").hover(function (e) {
this.mytitle = (this.alt == "undefined" ? "请刷新网页以加载说明文字……" : this.alt);
this.alt = "";
$("body").append("<div id='randonpic'><img width='226' src='" + this.src + "' /><br />" + this.mytitle + "</div>");
$("#randonpic").css({ "left": e.pageX + 10 + "px", "top": e.pageY + 20 + "px" }).show("fast");
}, function () {
this.alt = this.mytitle;
$("#randonpic").remove();
}).mousemove(function (e) {
$("#randonpic").css({ "left": e.pageX + 10 + "px", "top": e.pageY + 20 + "px" });
});
});

复制代码

这里的hover就是运用了鼠标移到指定图片上和鼠标移开时的图片切换效果，慢慢研究吧。

赵国梁 · 赵国梁

本帖最后由赵国梁于 2012-2-27 20:43 编辑

复制代码

把上边代码放到txt文件中，改后缀名为html，在文件同目录放两张图片，分别命名为1.jpg和2.jpg，打开html页面，点击“切换图片”，便从1.jgp切换到2.jpg。

帐号		自动登录	找回密码
密码			加入黑马

2 个回复