仿酒仙网品牌活动动画效果（鼠标移上图片平移）

图片格式为280*80像素的图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head></head><body><script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script><style>.storeListBox {   width: 180px; height: 80px; overflow: hidden; position: relative; }.storeListCon { width: 360px; height: 80px; position: absolute;  left: 0; top: 0; }li{   width:180px; height: 80px; list-style:none; }</style><script>$(document).ready(function(){$(".storeListWrap li").mouseover(function() {$(this).find(".storeListCon").stop().animate({"left" : "-100px"}, 300)});$(".storeListWrap li").mouseout(function() {$(this).find(".storeListCon").stop().animate({"left" : "0px"}, 300)});});</script><div class="storeListWrap"><div class="storeList" ><ul><li><div class="storeListBox"><div class="storeListCon" ><a href="http://ytcar.com"><img src="http://img07.jiuxian.com/bill/2014/0214/3a4feafda6824b6390336d78105c5733.jpg" width="280" height="80" /></a></div></div></li></ul></div></div></body>
</html>

仿酒仙网品牌活动动画效果（鼠标移上图片平移）相关推荐

CSS图片阴影+鼠标移上图片放大、变形
在做图片卡片列表的时候我们经常用到图片的呼吸灯效果,实现图片的阴影效果.放大.动态展示代码: li img { display: block; width: 140px; height: 140px ...
css动画实现鼠标经过，图片放大效果
浏览器实现效果: 自己在浏览器实现时当鼠标移上图片有放大效果代码实现: <!DOCTYPE html> <html lang="en"> <head ...
仿酒仙网的一款jQuery侧栏弹出导航栏特效
2019独角兽企业重金招聘Python工程师标准>>> 仿酒仙网的一款jQuery侧栏弹出导航栏特效一款常用于商城左侧商品导航的jquery菜单导航特效. 非常不错的一款商品分类特 ...
直播app源代码直播软件开发Android UI动画仿直播点赞飘心动画效果
直播app源代码直播软件开发Android UI动画仿直播点赞飘心动画效果一个飘心的小动画,之前看也看到网上有很多轮子,但是感觉不是很符合我的需求,所以自己就凑活凑活搞出来一个,废话不多说先看图 ...
用html语言编写美食栏目源码,仿美食网首页html+css 完全源码和图片
[实例简介] 用了一个多星期仿的美食网的首页,html和css分离,完整的源码及图片: [实例截图] [核心代码] kikibingo_6821075 └── 仿美食网首页html+css 完全源码和 ...
html 图片鼠标移上去点亮,CSS3 实现鼠标移到图片上时一片亮光一闪而过的效果...
01 效果描述 CSS3 实现鼠标移到图片上时一片亮光一闪而过的效果 02 效果图摘 03 关键代码 html: CSS: .hover14{ width:500px; float:left; } . ...
java实现gif动画效果(java显示动态图片)
关闭关闭脚本之家软件下载源码下载在线工具网页教程基础服务器常用软件手机版关注微信网页制作网络编程脚本专栏脚本下载数据库 CMS教程电子书籍平面设计媒体动画操作系统 ...
java动态图片_java实现gif动画效果(java显示动态图片)
关闭关闭 java实现gif动画效果(java显示动态图片) 作者: 字体:[增加减小] 类型:转载时间:2014-04-29我要评论这篇文章主要介绍了java实现gif动画效果示例(java ...
css划上去变长,Css3如何实现鼠标移上变长特效？（图文+视频）
本篇文章主要给大家介绍用css3实现鼠标移入变长效果的方法. 在前端页面设计中,css的功能是异常强大的,只要运用好它,你能实现很多网站各种精彩的动态效果.那么在之前的文章中也给大家分享介绍了一些用c ...

仿酒仙网品牌活动动画效果（鼠标移上图片平移）

仿酒仙网品牌活动动画效果（鼠标移上图片平移）相关推荐

最新文章

热门文章

仿酒仙网品牌活动动画效果 （鼠标移上 图片平移）

仿酒仙网品牌活动动画效果 （鼠标移上 图片平移）相关推荐

最新文章

热门文章

仿酒仙网品牌活动动画效果（鼠标移上图片平移）

仿酒仙网品牌活动动画效果（鼠标移上图片平移）相关推荐