给设计师的jQuery教程（第三部分）
发布时间：2018-08-20 13:27:08 所属栏目：传媒 来源：站长网
导读：文章导读： 给设计师的jQuery教程（第一部分） 给设计师的jQuery教程（第二部分） 7.可折叠面板（Demo） 结合前面的技巧我们来实现一个可折叠的面板列（类似于gmail的邮件面板）。是否注意到我在Web Designer Wall的留言列表也运用了这种个效果？ Copy to
|
9.图片展览馆（Demo）
Copy to Clipboard  引用的内容：[www.veryhuo.com]
$(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; }); }); 过程 10.样式化不同的类型的链接（Demo）
引用的内容：[www.veryhuo.com]
$(document).ready(function(){ $("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" }); }); 前三行很简单，就是根据a的href的不同为其添加不同的CSS class。 本文由：http://www.cnblogs.com/island205/ 翻译自：web designer wall 全部实例下载：jquery-tutorials.zip （完） 欢迎您继续阅读烈火网的其它文章。 （编辑：武汉站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读