给设计师的jQuery教程(第三部分)
发布时间:2018-08-19 18:17:26 所属栏目:业界 来源:站长网
导读:副标题#e# 文章导读: 给设计师的jQuery教程(第一部分) 给设计师的jQuery教程(第二部分) 7.可折叠面板(Demo) 结合前面的技巧我们来实现一个可折叠的面板列(类似于gmail的邮件面板)。是否注意到我在Web Designer Wall的留言列表也运用了这种个效果?
9.图片展览馆(Demo) Copy to Clipboard ![]() $("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; }); }); 过程 10.样式化不同的类型的链接(Demo) ![]() $("a[@href$=pdf]").addClass("pdf"); $("a[@href$=zip]").addClass("zip"); $("a[@href$=psd]").addClass("psd"); $("a:not([@href*=http://www.veryhuo.com])").not("[href^=#]") .addClass("external") .attr({ target: "_blank" }); }); (编辑:惠州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |