首页>>Jquery文字>>鼠标经过图片上移效果(2020-04-24)

鼠标经过图片上移效果

鼠标经过图片上移效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="wapper">  
  2.     <ul>  
  3.         <li>  
  4.             <div class="pic"><img src="http://www.freejs.net/demo/852/demo.jpg" width="160" height="160" /></div>  
  5.             <h3 class="title"><a href="#">滚动新闻</a></h3>  
  6.             <p class="desc">滚动新闻 一次显示一条的网页公告</p>  
  7.             <p class="price"> <span class="num">15</span>元 </p>  
  8.         </li>  
  9.         <li>  
  10.             <div class="pic"><img src="http://www.freejs.net/demo/851/demo.jpg" width="160" height="160" /></div>  
  11.             <h3 class="title"><a href="#">原生js简单的侧边栏展开式菜单</a></h3>  
  12.             <p class="desc">原生js简单的侧边栏展开式菜单</p>  
  13.             <p class="price"> <span class="num">15</span>元 </p>  
  14.         </li>  
  15.         <li>  
  16.             <div class="pic"><img src="http://www.freejs.net/demo/850/demo.jpg" width="160" height="160" /></div>  
  17.             <h3 class="title"><a href="#">简单的侧边栏展开式菜单</a></h3>  
  18.             <p class="desc">简单的侧边栏展开式菜单</p>  
  19.             <p class="price"> <span class="num">15</span>元 </p>  
  20.         </li>  
  21.     </ul>  
  22. </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_854.html