JQuery 图片滚动插件 - jcarousel

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量136 收藏 1
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/Music/archive/2010/08/14/jquery-jcarousel.html
版权

代码1：

 

<!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>演示1 - 入门</title>
    <link href="/css/JQueryJcarousel/skins/tango/skin.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/js/jquery.jcarousel.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function()
        {
            jQuery('#mycarousel').jcarousel();
        });
</script>

</head>
<body>
  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="http://images.cnblogs.com/001.jpg" width="75" height="75" alt="绿满家图片1" title="绿满家图片1" /></li>
    <li><img src="http://images.cnblogs.com/002.jpg" width="75" height="75" alt="绿满家图片2" title="绿满家图片2" /></li>
    <li><img src="http://images.cnblogs.com/003.jpg" width="75" height="75" alt="绿满家图片3" title="绿满家图片3" /></li>
    <li><img src="http://images.cnblogs.com/004.jpg" width="75" height="75" alt="绿满家图片4" title="绿满家图片4" /></li>
    <li><img src="http://images.cnblogs.com/005.jpg" width="75" height="75" alt="绿满家图片5" title="绿满家图片5" /></li>
    <li><img src="http://images.cnblogs.com/006.jpg" width="75" height="75" alt="绿满家图片6" title="绿满家图片6" /></li>
    <li><img src="http://images.cnblogs.com/007.jpg" width="75" height="75" alt="绿满家图片7" title="绿满家图片7" /></li>
    <li><img src="http://images.cnblogs.com/008.jpg" width="75" height="75" alt="绿满家图片8" title="绿满家图片8" /></li>
    <li><img src="http://images.cnblogs.com/009.jpg" width="75" height="75" alt="绿满家图片9" title="绿满家图片9" /></li>
    <li><img src="http://images.cnblogs.com/010.jpg" width="75" height="75" alt="绿满家图片10" title="绿满家图片10" /></li>
  </ul>
</body>
</html>

 

效果图如下：

2010081420180462.jpg

 

代码2：

 

<!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>演示2 - 简单的配置</title>
    <link href="/css/JQueryJcarousel/skins/tango/skin.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/js/jquery.jcarousel.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function()
        {
            jQuery('#mycarousel').jcarousel({
                start: 3,
                vertical: true,     /* 是否垂直滚动 */
                wrap: "circular", /* 循环 */
                scroll: 3   /* 每次滚动的个数 */
            });
        });
</script>

</head>
<body>
  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="http://images.cnblogs.com/001.jpg" width="75" height="75" alt="绿满家图片1" title="绿满家图片1" /></li>
    <li><img src="http://images.cnblogs.com/002.jpg" width="75" height="75" alt="绿满家图片2" title="绿满家图片2" /></li>
    <li><img src="http://images.cnblogs.com/003.jpg" width="75" height="75" alt="绿满家图片3" title="绿满家图片3" /></li>
    <li><img src="http://images.cnblogs.com/004.jpg" width="75" height="75" alt="绿满家图片4" title="绿满家图片4" /></li>
    <li><img src="http://images.cnblogs.com/005.jpg" width="75" height="75" alt="绿满家图片5" title="绿满家图片5" /></li>
    <li><img src="http://images.cnblogs.com/006.jpg" width="75" height="75" alt="绿满家图片6" title="绿满家图片6" /></li>
    <li><img src="http://images.cnblogs.com/007.jpg" width="75" height="75" alt="绿满家图片7" title="绿满家图片7" /></li>
    <li><img src="http://images.cnblogs.com/008.jpg" width="75" height="75" alt="绿满家图片8" title="绿满家图片8" /></li>
    <li><img src="http://images.cnblogs.com/009.jpg" width="75" height="75" alt="绿满家图片9" title="绿满家图片9" /></li>
    <li><img src="http://images.cnblogs.com/010.jpg" width="75" height="75" alt="绿满家图片10" title="绿满家图片10" /></li>
  </ul>
</body>
</html>

 

效果图如下：

 

2010081420205847.jpg

 

代码3：

 

<!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>演示3 - 多个同时滚动</title>
    <link href="/css/JQueryJcarousel/skins/tango/skin.css" rel="stylesheet" type="text/css" />
    <link href="/css/JQueryJcarousel/skins/ie7/skin.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/js/jquery.jcarousel.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function carouselShape_initCallback(carousel)
        {
            carousel.buttonNext.bind('click', function()
            {
                carousel.startAuto(0);
            });
            carousel.buttonPrev.bind('click', function()
            {
                carousel.startAuto(0);
            });
            carousel.clip.hover(function()
            {
                carousel.stopAuto();
            }, function()
            {
                carousel.startAuto();
            });
        };
        jQuery(document).ready(function()
        {
            jQuery('.first-and-second-carousel').jcarousel(
            {
                auto: 1,
                wrap: "last",
                scroll: 3,   /* 每次滚动的个数 */
                initCallback: carouselShape_initCallback
            });
            jQuery('#third-carousel').jcarousel();
        });
</script>

</head>
<body>
  <ul id="first-carousel" class="first-and-second-carousel jcarousel-skin-tango">
    <li><img src="http://images.cnblogs.com/001.jpg" width="75" height="75" alt="绿满家图片1" title="绿满家图片1" /></li>
    <li><img src="http://images.cnblogs.com/002.jpg" width="75" height="75" alt="绿满家图片2" title="绿满家图片2" /></li>
    <li><img src="http://images.cnblogs.com/003.jpg" width="75" height="75" alt="绿满家图片3" title="绿满家图片3" /></li>
    <li><img src="http://images.cnblogs.com/004.jpg" width="75" height="75" alt="绿满家图片4" title="绿满家图片4" /></li>
    <li><img src="http://images.cnblogs.com/005.jpg" width="75" height="75" alt="绿满家图片5" title="绿满家图片5" /></li>
    <li><img src="http://images.cnblogs.com/006.jpg" width="75" height="75" alt="绿满家图片6" title="绿满家图片6" /></li>
    <li><img src="http://images.cnblogs.com/007.jpg" width="75" height="75" alt="绿满家图片7" title="绿满家图片7" /></li>
    <li><img src="http://images.cnblogs.com/008.jpg" width="75" height="75" alt="绿满家图片8" title="绿满家图片8" /></li>
    <li><img src="http://images.cnblogs.com/009.jpg" width="75" height="75" alt="绿满家图片9" title="绿满家图片9" /></li>
    <li><img src="http://images.cnblogs.com/010.jpg" width="75" height="75" alt="绿满家图片10" title="绿满家图片10" /></li>
  </ul>
  <hr size="1"/>
  <ul id="second-carousel" class="first-and-second-carousel jcarousel-skin-ie7">
    <li><img src="http://images.cnblogs.com/001.jpg" width="75" height="75" alt="绿满家图片1" title="绿满家图片1" /></li>
    <li><img src="http://images.cnblogs.com/002.jpg" width="75" height="75" alt="绿满家图片2" title="绿满家图片2" /></li>
    <li><img src="http://images.cnblogs.com/003.jpg" width="75" height="75" alt="绿满家图片3" title="绿满家图片3" /></li>
    <li><img src="http://images.cnblogs.com/004.jpg" width="75" height="75" alt="绿满家图片4" title="绿满家图片4" /></li>
    <li><img src="http://images.cnblogs.com/005.jpg" width="75" height="75" alt="绿满家图片5" title="绿满家图片5" /></li>
    <li><img src="http://images.cnblogs.com/006.jpg" width="75" height="75" alt="绿满家图片6" title="绿满家图片6" /></li>
    <li><img src="http://images.cnblogs.com/007.jpg" width="75" height="75" alt="绿满家图片7" title="绿满家图片7" /></li>
    <li><img src="http://images.cnblogs.com/008.jpg" width="75" height="75" alt="绿满家图片8" title="绿满家图片8" /></li>
    <li><img src="http://images.cnblogs.com/009.jpg" width="75" height="75" alt="绿满家图片9" title="绿满家图片9" /></li>
    <li><img src="http://images.cnblogs.com/010.jpg" width="75" height="75" alt="绿满家图片10" title="绿满家图片10" /></li>
  </ul>
  <hr size="1"/>
  <ul id="third-carousel" class="jcarousel-skin-tango">
    <li><img src="http://images.cnblogs.com/001.jpg" width="75" height="75" alt="绿满家图片1" title="绿满家图片1" /></li>
    <li><img src="http://images.cnblogs.com/002.jpg" width="75" height="75" alt="绿满家图片2" title="绿满家图片2" /></li>
    <li><img src="http://images.cnblogs.com/003.jpg" width="75" height="75" alt="绿满家图片3" title="绿满家图片3" /></li>
    <li><img src="http://images.cnblogs.com/004.jpg" width="75" height="75" alt="绿满家图片4" title="绿满家图片4" /></li>
    <li><img src="http://images.cnblogs.com/005.jpg" width="75" height="75" alt="绿满家图片5" title="绿满家图片5" /></li>
    <li><img src="http://images.cnblogs.com/006.jpg" width="75" height="75" alt="绿满家图片6" title="绿满家图片6" /></li>
    <li><img src="http://images.cnblogs.com/007.jpg" width="75" height="75" alt="绿满家图片7" title="绿满家图片7" /></li>
    <li><img src="http://images.cnblogs.com/008.jpg" width="75" height="75" alt="绿满家图片8" title="绿满家图片8" /></li>
    <li><img src="http://images.cnblogs.com/009.jpg" width="75" height="75" alt="绿满家图片9" title="绿满家图片9" /></li>
    <li><img src="http://images.cnblogs.com/010.jpg" width="75" height="75" alt="绿满家图片10" title="绿满家图片10" /></li>
  </ul>
  <hr size="1"/>
</body>
</html>

 

效果图如下：

 

2010081420232448.jpg

代码4：

 

<!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>演示4 - 上一个、下一个、快速转到</title>
    <link href="/css/JQueryJcarousel/skins/tango/skin.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .jcarousel-control { margin-bottom: 10px; text-align: center; }
        .jcarousel-control a { font-size: 75%; text-decoration: none; padding: 0 5px; margin: 0 0 5px 0; border: 1px solid #fff; color: #eee; background-color: #4088b8; font-weight: bold; }
        .jcarousel-control a:focus, .jcarousel-control a:active { outline: none; }
        .jcarousel-scroll { margin-top: 10px; text-align: center; }
        .jcarousel-scroll form { margin: 0; padding: 0; }
        .jcarousel-scroll select { font-size: 75%; }
        #mycarousel-next, #mycarousel-prev { cursor: pointer; margin-bottom: -10px; text-decoration: underline; font-size: 11px; }
    </style>
    <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/js/jquery.jcarousel.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        function mycarousel_initCallback(carousel)
        {
            jQuery('.jcarousel-control a').bind('click', function()
            {
                carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
                return false;
            });

            jQuery('.jcarousel-scroll select').bind('change', function()
            {
                carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
                return false;
            });

            jQuery('#mycarousel-next').bind('click', function()
            {
                carousel.next();
                return false;
            });

            jQuery('#mycarousel-prev').bind('click', function()
            {
                carousel.prev();
                return false;
            });
        };
        jQuery(document).ready(function()
        {
            jQuery("#mycarousel").jcarousel({
                scroll: 1,
                initCallback: mycarousel_initCallback,
                // This tells jCarousel NOT to autobuild prev/next buttons
                buttonNextHTML: null,
                buttonPrevHTML: null
            });
        });
    </script>

</head>
<body>
<div id="mycarousel" class="jcarousel-skin-tango">
    <div class="jcarousel-control">
      <a href="#">1</a>
      <a href="#">2</a>
      <a href="#">3</a>
      <a href="#">4</a>
      <a href="#">5</a>
      <a href="#">6</a>
      <a href="#">7</a>
      <a href="#">8</a>
      <a href="#">9</a>
      <a href="#">10</a>
    </div>
    <ul class="jcarousel-skin-tango">
        <li><img src="http://images.cnblogs.com/001.jpg" width="75" height="75" alt="绿满家图片1" title="绿满家图片1" /></li>
        <li><img src="http://images.cnblogs.com/002.jpg" width="75" height="75" alt="绿满家图片2" title="绿满家图片2" /></li>
        <li><img src="http://images.cnblogs.com/003.jpg" width="75" height="75" alt="绿满家图片3" title="绿满家图片3" /></li>
        <li><img src="http://images.cnblogs.com/004.jpg" width="75" height="75" alt="绿满家图片4" title="绿满家图片4" /></li>
        <li><img src="http://images.cnblogs.com/005.jpg" width="75" height="75" alt="绿满家图片5" title="绿满家图片5" /></li>
        <li><img src="http://images.cnblogs.com/006.jpg" width="75" height="75" alt="绿满家图片6" title="绿满家图片6" /></li>
        <li><img src="http://images.cnblogs.com/007.jpg" width="75" height="75" alt="绿满家图片7" title="绿满家图片7" /></li>
        <li><img src="http://images.cnblogs.com/008.jpg" width="75" height="75" alt="绿满家图片8" title="绿满家图片8" /></li>
        <li><img src="http://images.cnblogs.com/009.jpg" width="75" height="75" alt="绿满家图片9" title="绿满家图片9" /></li>
        <li><img src="http://images.cnblogs.com/010.jpg" width="75" height="75" alt="绿满家图片10" title="绿满家图片10" /></li>
    </ul>
    <div class="jcarousel-scroll">
          <form action="">
            <a href="#" id="mycarousel-prev">« 向上</a>
            <select>
              <option value="1">Scroll 1 item per click</option>
              <option value="2">Scroll 2 items per click</option>
              <option value="3">Scroll 3 items per click</option>
              <option value="4">Scroll 4 items per click</option>
              <option value="5">Scroll 5 items per click</option>
            </select>
            <a href="#" id="mycarousel-next">向下 »</a>
          </form>
    </div>
  </div>
</body>
</html>

 

效果图如下：

 

2010081420252187.jpg

 

代码5：

 

<!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>演示7 - 入门</title>
    <link href="/css/JQueryJcarousel/skins/tango/skin.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/js/jquery.jcarousel.min.js" type="text/javascript"></script>
    <link href="../js/thickbox/thickbox.css" rel="stylesheet" type="text/css" />
    <script src="../js/thickbox/thickbox.js" type="text/javascript"></script>
    <script type="text/javascript">
        // Set thickbox loading image
        var tb_pathToImage = "/js/thickbox/loading-thickbox.gif";
        var mycarousel_itemList = [
            { url: "/images/001.jpg", title: "Flower1" },
            { url: "/images/002.jpg", title: "Flower2" },
            { url: "/images/003.jpg", title: "Flower3" },
            { url: "/images/004.jpg", title: "Flower4" },
            { url: "/images/005.jpg", title: "Flower5" },
            { url: "/images/006.jpg", title: "Flower6" },
            { url: "/images/007.jpg", title: "Flower7" },
            { url: "/images/008.jpg", title: "Flower8" },
            { url: "/images/009.jpg", title: "Flower9" },
            { url: "/images/010.jpg", title: "Flower10" }
        ];
        function mycarousel_itemLoadCallback(carousel, state)
        {
            alert("carousel.first：" + carousel.first + "。carousel.last：" + carousel.last);
            for (var i = carousel.first; i <= carousel.last; i++)
            {
                if (carousel.has(i))
                {
                    alert("已存在");
                    continue;
                }
                alert("还没有，则创建");
                if (i > mycarousel_itemList.length)
                {
                    break;
                }
                // Create an object from HTML
                var tempObj = mycarousel_getItemHTML( mycarousel_itemList[i - 1] );
                var item = jQuery(tempObj).get(0);

                // Apply thickbox
                tb_init(item);
                carousel.add(i, item);
            }
        };
        function mycarousel_getItemHTML(item)
        {
            var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
            return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="75" height="75" border="0" alt="' + item.title + '" /><br/><span>速度发生的斯蒂芬</span></a>';
        };
        jQuery(document).ready(function()
        {
            jQuery('#mycarousel').jcarousel({
                size: mycarousel_itemList.length,
                itemLoadCallback: { onBeforeAnimation: mycarousel_itemLoadCallback }
            });
        });
    </script>

</head>
<body>
  <ul id="mycarousel" class="jcarousel-skin-tango">
  </ul>
</body>
</html>

 

更多请上该插件官网

 

等待更新...

转载于:https://www.cnblogs.com/Music/archive/2010/08/14/jquery-jcarousel.html

weixin_30535167
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jcarousellite.js 基于Jquery的图片无缝滚动插件
ZhXXX的专栏
06-30 368
1.引入JS库，jquery.js脚本和插件脚本jcarousellite.js。
jquery插件jCarouselLite实现图片无缝滚动
qq_43667111的博客
02-11 237
jquery插件jCarouselLite实现图片无缝滚动
jQuery图片文本滚动切换插件jCarousel
ijavaweb
11-29 1507
jCarousel  jCarousel 是个非常好看又好用的内容滚动切换插件，可以实现按序水平或垂直,可以实现如新浪微博首页效果,  Java代码   "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
jQuery滚动切换传送插件jCarousel使用简介
Java软件工程师之路
02-01 319
  jQuery滚动切换传送插件jCarousel使用简介     1、技术目标 掌握jCarousel插件的基本操作     2、jCarousel简介 jCarousel是jQuery传送带效果插件，这类插件也比较多，选择jCarousel 因为它简单实用，支持循环slide，支持pager等等，本文通过一个最简单的 水平传送效果来介绍jCarousel插件，如图： ...
jcarousel_带jCarousel的固定滑块
cuketao5066的博客
08-05 204
jcarousel?ontent slider with jCarousel Today we are going to develop a nice content slider with jCarousel. It is possible that you have already seen similar sliders before, and were looking forward to...
jQuery插件_jcarousel(用于图片滚动)
03-14
NULL 博文链接：https://niunan.iteye.com/blog/305205
E_jquery图片滚动切换插件 jCarousel Lite
11-23
总的来说，`jCarousel Lite`是一个简单实用的jQuery图片滚动插件，通过灵活的配置和简单的HTML结构，开发者可以快速地在网站上实现专业级别的图片滚动效果。无论是在产品展示、新闻滚动还是幻灯片应用中，它都能发挥...
jCarousel图片滚动插件 jquery图片滚动
05-16
jCarousel图片滚动插件 jquery图片滚动 jCarousel 是个非常好看又好用的内容滚动切换插件，可以实现按序水平或垂直方向的内容列表的切换。 滚动切换的内容可以是静态的HTML内容，也可以是JS的对象列表，也可以是...
jQuery图片点击切换插件jCarousel.zip
11-22
总结起来，jQuery图片点击切换插件jCarousel以其强大的功能和易于使用的特性，成为了前端开发中的热门选择。它不仅简化了图片轮播的实现过程，还为开发者提供了广阔的创新空间。通过深入理解和灵活运用jCarousel，...
jquery.jcarousel.pack.js
05-11
Jquery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。
Jcarousel jQuery 多风格图片滚动插件及示例
05-12
内容索引:脚本资源,jQuery,图片滚动,jQuery插件　Jcarousel 是一款基于jQuery的多风格图片滚动插件，它可以控制成组的图片滚动，也可以设置滚动方向，横向或竖向，设置图片数量，两端带有多种风格的控制按钮。...
Jquery----jCarouselLite图片，文本上下，左右滑动
Damys
05-08 2577
jCarouselLite.js (function($) { // Compliant with jquery.noConflict() $.fn.jCarouselLite = function(o) { o = $.extend({ btnPrev: null, bt
jCarousel使用说明文档(中文)
低调走过
10-06 5132
jCarousel 是个非常好看又好用的内容滚动切换插件，可以实现按序水平或垂直方向的内容列表的切换。 滚动切换的内容可以是静态的HTML内容，也可以是JS的对象列表，也可以是利用AJAX技术动态载入的内容。 使用方法  使用此插件，需要在标签内引入jQuery
Ajax 改造，第 3 部分: 用 jQuery、Ajax 选项卡和照片 carousel 改进现有的站点
在水一方
10-25 3337
2008 年 7 月 31 日Ajax 技术已经改变了大型商用 Web 应用程序的面貌，但是许多小型 Web 站点不具备重新构建整个用户界面所需的资源。新特性应该能够解决现实的界面问题并改进用户体验，以此证明它们的价值。本系列讲解如何用开放源码的客户端库逐步改进用户界面。在本期中，学习如何使用 DHTML 和 Ajax 把缓慢、混乱、烦人的产品细节页面改造成快速优雅的页面。我们将采用渐进式改进方法
jQuery缩略图图片轮播插件
ICode联盟
03-30 233
下载地址这个带缩略图的图片轮播例子使用jcarousel轮播插件制作的，基于jQuery代码构造的轮播图插件，样式很漂亮。 dd:
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 399
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
jQuery图像列表插件 jCarousel
06-07
jCarousel 是一个非常流行的 jQuery 图像列表插件，它允许你创建一个无限循环的图像列表，并且可以自定义每个图像的大小、数量、滚动速度等等。它还支持自动播放、导航按钮、缩略图预览等功能，非常实用。如果你需要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值