仿酒仙网品牌活动动画效果 (鼠标移上 图片平移)
来源:互联网 发布:手游淘宝交易平台官网 编辑:程序博客网 时间:2024/03/28 18:09
图片格式为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>
0 0
- 仿酒仙网品牌活动动画效果 (鼠标移上 图片平移)
- html5实现鼠标停在图片上出现动画效果
- 简单的CSS图片动画(鼠标悬浮效果)
- 仿淘宝的一个图片动画效果
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- Android 手势检测实战 打造支持缩放平移的图片预览效果(上)
- 实现鼠标移在图片上出现渐现的效果
- 属性动画实现平移效果
- datalist 鼠标滑上滑下图片效果
- 图片平移实现水波动画
- 构造函数初始化
- svn: Can't convert string from 'UTF-8' to native encoding 解决办法
- 018_C语言静态库动态库
- 项目 命名规则
- c++几种类型转换关键字
- 仿酒仙网品牌活动动画效果 (鼠标移上 图片平移)
- 大数开根 高精度 平方根
- eclipse build out of memory
- 关于java
- JQuery对CheckBox的一些相关操作
- NYOJ 1053 Alice and Bob (N)
- 如何将Vim打造成一个成熟的IDE
- Shell中变量的作用域问题
- 彻底解决COM端口被占用(在使用中)问题的办法