鼠标经过图片上移效果-freejs.net代码演示

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

鼠标经过图片上移效果

XML/HTML Code

<div class="wapper">
<ul>
<li>
<div class="pic"><img src="http://www.freejs.net/demo/852/demo.jpg" width="160" height="160" /></div>
<h3 class="title"><a href="#">滚动新闻</a></h3>
<p class="desc">滚动新闻一次显示一条的网页公告</p>
<p class="price"> <span class="num">15</span>元 </p>
</li>
<li>
<div class="pic"><img src="http://www.freejs.net/demo/851/demo.jpg" width="160" height="160" /></div>
<h3 class="title"><a href="#">原生js简单的侧边栏展开式菜单</a></h3>
<p class="desc">原生js简单的侧边栏展开式菜单</p>
<p class="price"> <span class="num">15</span>元 </p>
</li>
<li>
<div class="pic"><img src="http://www.freejs.net/demo/850/demo.jpg" width="160" height="160" /></div>
<h3 class="title"><a href="#">简单的侧边栏展开式菜单</a></h3>
<p class="desc">简单的侧边栏展开式菜单</p>
<p class="price"> <span class="num">15</span>元 </p>
</li>
</ul>
</div>