Jquery图片滚动轮播插件(一个不用你写CSS的轮播插件)

最新推荐文章于 2021-06-23 02:06:39 发布

hutao93

最新推荐文章于 2021-06-23 02:06:39 发布

阅读量1k

点赞数 1

分类专栏： javascript 文章标签： jquery 插件 css javascript js

本文链接：https://blog.csdn.net/hutao93/article/details/18549995

版权

这篇博客介绍了如何使用简单的JS代码实现一个无需额外CSS的Jquery图片滚动轮播插件。博主分享了下载地址、压缩版以及Demo链接，并详细解释了图片滚动的原理，强调了该插件的易用性和扩展性。此外，还展示了插件的前端调用方法和初始化过程。

摘要由CSDN通过智能技术生成

下载地址：

易读版：http://url.cn/LMGIwM

压缩版：http://url.cn/JiyZ8V

Demo：http://url.cn/Laohcl

给大家推荐一个JS压缩网址：http://app.baidu.com/app/enter?appid=693622

博主是个js菜鸟，毕业没几个月，但是非常喜欢javascript做效果，哎，可惜学了.NET。

第一篇博客，大家鼓励我啊，大神也给指点下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="js/scrollImg-min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#Demo1").scrollImg();
        });
    </script>
</head>
<body>
    <div id="Demo1" style="width: 520px; height: 280px; overflow: hidden;">
        <ul style="margin: 0px; padding: 0px;">
            <li><a href="####">
                <img src="images/img/3.jpg" alt="" /></a></li>
            <li><a href="####">
                <img src="images/img/2.jpg" alt=""/></a>&

最低0.47元/天解锁文章

hutao93

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery图片滚动轮播插件(一个不用你写CSS的轮播插件)

博主是个js菜鸟，毕业没几个月，但是非常喜欢javascript做效果，哎，可惜学了.NET。第一篇博客，大家鼓励我啊，大神也给指点下。 $(function () { $("#Demo1").scrollImg(); });
复制链接

扫一扫