惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
G
Google Developers Blog
Hugging Face - Blog
Hugging Face - Blog
博客园 - 【当耐特】
S
SegmentFault 最新的问题
宝玉的分享
宝玉的分享
博客园 - Franky
博客园_首页
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
WordPress大学
WordPress大学
有赞技术团队
有赞技术团队
月光博客
月光博客
博客园 - 聂微东
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
小众软件
小众软件
Microsoft Security Blog
Microsoft Security Blog
Last Week in AI
Last Week in AI
Vercel News
Vercel News
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
爱范儿
爱范儿
J
Java Code Geeks
博客园 - 叶小钗
Engineering at Meta
Engineering at Meta
阮一峰的网络日志
阮一峰的网络日志

博客园 - 大力哥的技术

多边形效果 完成卸载vs2010后再安装 图片集合,可用作商品列表 无可奈何花落去 Uncaught TypeError: Cannot read property 'msie' of undefined CodeGenerator.cs 年月日控件 SQL GETDATE()日期格式化函数 股票操作要点 用户中心 - 博客园 京东分页 相册分类列表页 在线运行Javascript,Jquery,HTML,CSS代码 点击事件后动画提示 近舍网临时笔记 一些广告代码 爱可有—之最经典 爱可有网络社区需要定义 一些正则验证-JS
鼠标移动时缩小图片显示说明
大力哥的技术 · 2013-07-02 · via 博客园 - 大力哥的技术
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<title>jQuery Zoom-Info - AddyOsmani.com</title>

<link rel="stylesheet" type="text/css" href="css/style.css"></link>
<style>

.galleryContainer {width: 1024px;}
.galleryImage { background-color:black; width:325px; height:260px; overflow:hidden; margin:5px; float:left;}
.info    { margin-left:10px; font-family:arial;padding:3px;}
.info h2 { color:gray;}
.info p { color:white}
.clear { clear:both; margin-top:10px;}

</style>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('.galleryImage').hover(
    function(){
        $(this).find('img').animate({width:200, marginTop:10, marginLeft:10}, 500);
    },
    function(){
        $(this).find('img').animate({width:325, marginTop:0, marginLeft:0},300);
    });
});
</script>

</head>
<body>
    
<div class="galleryContainer">

<!--galleryEntry-->    
  <div class="galleryImage">
      <img src="images/image01.jpg"></img>
      <div class="info">  
          <h2>Taylor Swift</h2>
          <p>
              Taylor Alison Swift (born December 13, 1989) is an American country pop singer-songwriter and actress.
          </p>
      </div>
    </div>
<!--end galleryEntry-->  
      
  
<!--galleryEntry-->    
  <div class="galleryImage">
      <img src="images/image02.jpg"></img>
      <div class="info">  
          <h2>Rihanna</h2>
          <p>
              Rihanna (born February 20, 1988) is a Barbadian R&B recording artist and model born in Saint Michael, Barbados.
          </p>
      </div>
      </div>
<!--end galleryEntry-->


<!--galleryEntry-->    
  <div class="galleryImage">
      <img src="images/image03.jpg"></img>
      <div class="info">  
          <h2>Black Eyed Peas</h2>
          <p>
              The Black Eyed Peas is a Grammy Award winning hip hop group that formed in Los Angeles, California in 1995.
          </p>
      </div>
      </div>
<!--end galleryEntry-->

<!--galleryEntry-->    
  <div class="galleryImage">
      <img src="images/image04.jpg"></img>
      <div class="info">  
          <h2>Lady Antebellum</h2>
          <p>
              Lady Antebellum is an American country music group formed in Nashville, Tennessee in 2006. 
          </p>
      </div>
      </div>
<!--end galleryEntry-->

<!--galleryEntry-->    
  <div class="galleryImage">
      <img src="images/image05.jpg"></img>
      <div class="info">  
          <h2>Lady Gaga</h2>
          <p>
              Lady Gaga is an American recording artist who rose to fame with her first two singles "Just Dance" and "Poker Face".
          </p>
      </div>
      </div>
<!--end galleryEntry-->
      
    
<!--galleryEntry-->    
  <div class="galleryImage">
      <img src="images/image06.jpg"></img>
      <div class="info">  
          <h2>The Killers</h2>
          <p>
              The Killers is an American rock band from Las Vegas, Nevada, formed in 2002 who have sold over 16 million records worldwide.
          </p>
      </div>
      </div>
<!--end galleryEntry-->
          
      
  </div>
  
 
 
 </div>
 
  <p class="clear">
 <a href="http://www.addyosmani.com">
  Back to AddyOsmani.com
 </a>
 </p>
 
  </body>
</html>