晨露博客

关注互联网,关注科技,关注生活!

上一篇: 关于互联网“社交” 下一篇:快乐周末-晨露漫画集(八)

jquery今天为大家推荐的是用jquery实现隐藏效果,如下图,当右上角的上图标被点击时,内容被隐藏。当被定义为 <img class="delete"> 的图片被点击,它会手找到父级元素 <div class="pane"> 并激活它的能力,慢慢消失,隐藏起来。

关键代码:

$(document).ready(function(){

$(".pane .delete").click(function(){ $(this).parents(".pane").animate({ opacity: "hide"}, "slow"); });});

您可以:  查看演示    下载源码

 

小博文章如没有特殊说明均为原创,如要帮忙推广还望加上我的链接哦!
  • 本文Url: http://www.chenlublog.com/post/jquery-disappear-effect.html (出自: 晨露博客)
  • 点击这里获取该日志的TrackBack引用地址

    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    关于本文

    您正在阅读的是:jquery实现隐藏效果
    morningdew 发表于:2011-5-19 12:44:11
    分类:网站建设
    关键词:jquery  

    博客作者

    Morningdew

    晨露博客

    热门文章

    最近更新

    最新评论及回复

    最近留言

    站类搜索

    博文分类

    博文归档

    Copyright ©2010 晨露博客. All Rights Reserved.网站地图  Theme Designed By TangChang
    本博客采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
    This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.
    CONTACT ME:E-mail:tcmorningdew@gmail.com QQ:515667845<风荷雨莲>   津备ICP09004821   GO TO TOP

    Powered By Z-Blog 1.8 Walle Build 91204