zoukankan      html  css  js  c++  java
  • highslide使用实例

    看到一个网站一个很漂亮的效果,在源码里面里面找了一圈,发现是highslide,然后经过研究后可以使用了,这边放一个例子
    <script type="text/javascript" src="highslide/highslide.js"></script>
    <link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
    <script type="text/javascript">
    hs.graphicsDir = 'highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.wrapperClassName = 'controls-in-heading';
    hs.fadeInOut = true;
    //hs.dimmingOpacity = 0.75;

    // Add the controlbar
    if (hs.addSlideshow) hs.addSlideshow({
    //slideshowGroup: 'group1',
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: false,
    overlayOptions: {
    opacity: 1,
    position: 'top right',
    hideOnMouseOut: false
    }
    });
    </script>
    <a href="images/image-1.jpg" class="highslide"
    onclick="return hs.expand(this)"><img src="images/thumb-1.jpg"
    alt="Highslide JS" /> </a>
    <div class="highslide-caption highslide-display-block" id="" align="right" style="overflow-x: hidden; overflow-y: hidden; z-index: 2; margin-top: 0px; visibility: visible; height: 17px">
    <img src="001_files/clickToC.png" onclick="return hs.close(this)" title="close" style="cursor:pointer;" alt="Close"/>
    </div>
    <a href="images/1.jpg" class="highslide"
    onclick="return hs.expand(this)"><img src="images/1.jpg"
    alt="Highslide JS" /> </a>
    <div class="highslide-caption highslide-display-block" id="" align="right" style="overflow-x: hidden; overflow-y: hidden; z-index: 2; margin-top: 0px; visibility: visible; height: 17px">
    <img src="001_files/clickToC.png" onclick="return hs.close(this)" title="close" style="cursor:pointer;" alt="Close"/>
    </div>
    其他文件
    http://www.corange.cn//uploadfiles/highslide_24694.rar
    images下的文件就是图片和一个关闭,这边就不传了,放一个截图

    原文地址:http://www.corange.cn/archives/2010/05/3645.html

  • 相关阅读:
    python使用代理访问服务器
    python请求服务器时如何隐藏User-Agent
    python利用有道翻译实现“语言翻译器”的功能
    python请求服务器图片并下载到本地磁盘
    python的搜索路径与包(package)
    Python生成器(yield)
    Python迭代器(斐波拉切数列实例)
    Python定制容器
    Python描述符:property()函数的小秘密
    Python类属性访问的魔法方法
  • 原文地址:https://www.cnblogs.com/zerogo/p/1750294.html
Copyright © 2011-2022 走看看