九宫格旋动效果-JavaSript-爱易网页

九宫格旋动效果

日期：2014-05-16　浏览次数：20423 次

九宫格转动效果
如图效果：当点击中间开始按钮的时候，从左上角第一个开始变成红色，然后第二个，一次类推
第一张

第二张

我能实现匀速变换效果，怎么实现减速运动呢？然后停留在某个格子上呢？
能用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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

九宫格旋动效果

相关资料更多>

推荐阅读更多>