zoukankan      html  css  js  c++  java
  • jcarousellite的使用方法

    代码
    #prev1
    {
    width
    : 17px;
    height
    : 58px;
    float
    : left;
    text-indent
    : -5000px;
    background
    : url(../Images/Index/companylogo/index_ZLHZS_left.jpg) no-repeat;
    cursor
    : pointer;
    overflow
    : hidden;
    margin
    :0px;
    padding
    :0px;
    }
    #next1
    {
    width
    : 18px;
    height
    : 58px;
    text-indent
    : -5000px;
    background
    : url(../Images/Index/companylogo/index_ZLHZS_right.jpg) no-repeat;
    cursor
    : pointer;
    overflow
    : hidden;
    margin-left
    :1px;
    padding
    :0px;
    float
    :left;

    }
    #box1
    {
    width
    :944px;
    float
    : left;
    margin
    :0px;
    height
    :53px;
    overflow
    :hidden;
    }
    #box1 ul li
    {
    width
    : 117px;
    float
    : left;
    height
    :51px;
    overflow
    :hidden;
    text-align
    : center;
    border-right
    :1px #ccc dashed;
    }
    #box1 ul li a
    {
    display
    : block;
    color
    : #666;
    }
    #box1 ul li a:hover
    {
    background
    : #d1d1d1;
    color
    : #000;
    }
    #box1 ul li a img
    {
    width
    : 112px;
    height
    : 51px;
    }
    <div id="prev1">
                    上一张</div>
                    <div id="box1">
                        <ul>
                            <li><a href="http://www.vancl.com/" target="_blank">
                                <img src="Images/Index/companylogo/index_logo_01.jpg" /></a></li>
                            <li><a href="http://www.360buy.com/" target="_blank">
                                <img src="Images/Index/companylogo/index_logo_02.jpg" /></a></li>
                            <li><a href="http://www.elong.com/" target="_blank">
                                <img src="Images/Index/companylogo/index_logo_03.jpg" /></a></li>
                            <li><a href="http://www.dell.com/" target="_blank">
                                <img src="Images/Index/companylogo/index_logo_04.jpg" /></a></li>
                            <li><a href="http://www.pgbao.com/" target="_blank">
                                <img src="Images/Index/companylogo/index_logo_05.jpg" /></a></li>
                            <li><a href="http://www.jxdyf.com/" target="_blank">
                                <img src="Images/Index/companylogo/index_logo_06.jpg" /></a></li>
                            <li><a href="http://www.yesmytea.com/" target="_blank">
                                <img src="Images/Index/companylogo/index_logo_07.jpg" /></a></li>
                            <li><a href="http://www.xinhuabookstore.com/" target="_blank">
                                <img src="Images/Index/companylogo/index_logo_08.jpg" /></a></li>
                        </ul>
                    </div>
                    <div id="next1">
                    下一张</div>
    
    代码
    <script type="text/javascript">
    $(document).ready(
    function() {
    $(
    "#box1").jCarouselLite({
    btnPrev:
    "#prev1",
    btnNext:
    "#next1",
    auto:
    4000, //图片停留时间
    scroll: 1, //每次滚动覆盖的图片个数
    speed: 800, //设置速度,0是不动。其次就是数字越大 ,移动越慢。
    vertical: false, //横向(true),竖向(false)
    visible: 8, //显示的数量
    circular: true, //是否循环
    play:false//停止自动播放,true则是自动播放
    });
    });
    </script>

     http://post.zhubajie.com/p/1282276563/8138174.jpg,IT点点滴滴

  • 相关阅读:
    Java jni字符串转换
    Python读取PE文件(exe/dll)中的时间戳
    深度学习word embedding猜测性别初探
    闪存内容汇编(截止20170405)
    如何自动化安装字体(命令行批量)
    如何分析进程的内存占用问题
    Python print报ascii编码异常的靠谱解决办法
    Linux界面自动化测试框架不完全汇总
    Qt实现同步(阻塞式)http get等网络访问操作
    基于第三方开源库的OPC服务器开发指南(4)——后记:与另一个开源库opc workshop库相关的问题
  • 原文地址:https://www.cnblogs.com/axinno1/p/1763792.html
Copyright © 2011-2022 走看看