jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图

前端技术 2023/09/08 JavaScript

jQuery结合css3动画属性制作猎豹浏览器宽屏banner焦点图切换支持手机触屏滑动焦点图切换代码

复制代码 代码如下:

<div class=\"slide-main\" id=\"touchMain\">
    <a class=\"prev\" href=\"javascript:;\" stat=\"prev1001\"><img src=\"images/l-btn.png\" /></a>
    <div class=\"slide-box\" id=\"slideContent\">
        <div class=\"slide\" id=\"bgstylec\">
            <a stat=\"sslink-3\" href=\"\" target=\"_blank\">
                <div class=\"obj-e\"><img src=\"images/baomi-t-1.png\" /></div>
                <div class=\"obj-f\"><img src=\"images/baomi-kl.jpg\" /></div>
            </a>
        </div>
        <div class=\"slide\" id=\"bgstylea\">
            <a stat=\"sslink-1\" href=\"\" target=\"_blank\">
                <div class=\"obj-a\"><img src=\"images/bao.png\" /></div>
                <div class=\"obj-b\"><img src=\"images/nt-1.png\" /></div>
            </a>
        </div>
        <div class=\"slide\" id=\"bgstyleb\">
            <a stat=\"sslink-2\" href=\"\" target=\"_blank\">
                <div class=\"obj-c\"><img src=\"images/bao-2.png\" /></div>
                <div class=\"obj-d\"><img src=\"images/st-2.png\" /><p>全新chrome内核，内存占用最低，轻巧炫酷皮肤</p></div>
            </a>
        </div>
    </div>
    <a class=\"next\" href=\"javascript:;\" stat=\"next1002\"><img src=\"images/r-btn.png\" /></a>
    <div class=\"item\">
        <a class=\"cur\" stat=\"item1001\" href=\"javascript:;\"></a><a href=\"javascript:;\" stat=\"item1002\"></a><a href=\"javascript:;\" stat=\"item1003\"></a>
    </div>
</div>
<script type=\"text/javascript\" src=\"js/jquery.js\"></script>
<script type=\"text/javascript\" src=\"js/main.js\"></script>

以上就是本文所述的全部内容了，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/23042

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案