九宫格旋动效果
日期：2014-05-16 浏览次数：20477 次
九宫格转动效果
如图效果：当点击中间开始按钮的时候，从左上角第一个开始变成红色，然后第二个，一次类推
第一张
第二张
我能实现匀速变换效果，怎么实现减速运动呢？然后停留在某个格子上呢？
能用JQUERY实现最好了！！！
------解决方案--------------------
百度 缓动函数
------解决方案--------------------
围观 我也想知道
------解决方案--------------------
不错的效果 赞一个
------解决方案--------------------
参考代码
如图效果：当点击中间开始按钮的时候，从左上角第一个开始变成红色，然后第二个，一次类推
第一张
第二张
我能实现匀速变换效果，怎么实现减速运动呢？然后停留在某个格子上呢？
能用JQUERY实现最好了！！！
------解决方案--------------------
百度 缓动函数
------解决方案--------------------
围观 我也想知道------解决方案--------------------
不错的效果 赞一个
------解决方案--------------------
参考代码
<html>
<head>
<style type="text/css">
ul
{
list-style: none;
}
li
{
float: left;
margin-right: 10px;
min-height: 120px;
min-width: 130px;
}
li img
{
margin: 1px;
}
li.selected img
{
border: 1px red solid;
}
li.last
{
float: none;
}
</style>
</head>
<body>
<ul>
<li data-index="0">
<img src="gift.png" /></li>
<li data-index="1">
<img src="gift.png" /></li>
<li data-index="2" class="last">
<img src="gift.png" /></li>
<li data-index="7">
<img src="gift.png" /></li>
<li>
<img src="gift.png" /></li>
<li data-index="3" class="last">
&nbs
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
