shuijun1
落寞红尘
采纳率0%
2015-10-15 10:55 阅读 2.3k

谁能知道这个页面的图片撕裂效果是怎样实现的?

请教一下大家,这个网站的鼠标放上去图片消失显示文字的内容是如何实现的?http://www.hello-code.com/blog/Programming

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • showbo GoCityPass新加坡曼谷通票 2015-10-15 11:59

    jquery.Photofy插件

    
    <link href="http://www.hello-code.com/CSS/Photofy.css" rel="Stylesheet" type="text/css" />
    <div class="qitem">
        <a href='http://www.hello-code.com/blog/Bootstrap'>
            <img src='http://www.hello-code.com/Images/CagetoryIcon/62.jpg' alt="" title="" width="106" height="106" />
        </a>
        <span class="caption">
            <h4>
                Bootstrap
            </h4>
            <p>
                Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件
            </p>
        </span>
    </div>
    <div class="qitem">
        <a href='http://www.hello-code.com/blog/Memcached'>
            <img src='http://www.hello-code.com/Images/CagetoryIcon/63.jpg' alt="" title="" width="106" height="106" />
        </a>
        <span class="caption">
            <h4>
                Memcached
            </h4>
            <p>
                Memcached是免费的,开源的,高性能的,分布式内存对象的缓存系统
            </p>
        </span>
    </div>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="http://www.hello-code.com/JS/Photofy.js"></script>
    <script type="text/javascript" src="http://www.hello-code.com/JS/jquery.easing.1.3.js"></script>
    
    点赞 2 评论 复制链接分享
  • qq_30086951 qq_30086951 2015-10-15 10:58

    效果真心不错!我也是学网页的,可以多多交流!

    点赞 评论 复制链接分享

相关推荐