文档章节

ChangeImg2.0简单图片项显示

tianma3798
 tianma3798
发布于 2015/12/02 15:28
字数 217
阅读 11
收藏 0

注释说明:

/*
* 简单图片切换2.0
* 1.可配置控件大小,显示区大小、隐藏去大小
* 2.可控制箭头大小,箭头颜色
* 注意:
* 1.调用不要在 页面加载完成后执行
* 2.修改切换的显示效果
* 3.添加切换时间  changeTime
*/

使用实例:

    <div class="changeImg">
        <div data-options="{
             imgurl:'../Images/1.jpg',
             link:'http://www.baidu.com',
             title:'图片Two'
             }"></div>
        <div data-options="{
             imgurl:'../Images/2.jpg',
             link:'http://www.baidu.com',
             title:'图片Two'
             }"></div>
        <div data-options="{
             imgurl:'../Images/3.jpg',
             link:'http://www.baidu.com',
             title:'图片Two'
             }"></div>
        <div data-options="{
             imgurl:'../Images/4.jpg',
             link:'http://www.baidu.com',
             title:'图片Two'
             }"></div>
    </div>
    <script type="text/javascript">
        var changeImg = $('.changeImg').changeImg({
            width: 1004,//宽度
            height: 285,//高度
            showWidth: 817,//显示区宽度
            showHeight: 285,//显示区高度
            hideWidth: 175,//隐藏区宽度
            hideHeight: 60,//隐藏区高度
            autoTime:2000
        });
    </script>

显示结果预览:

github下载地址:

https://github.com/tianma3798/ChangeImg/

© 著作权归作者所有

共有 人打赏支持
tianma3798
粉丝 6
博文 107
码字总数 29908
作品 0
济南
高级程序员
iOS之Settings.Bundle的应用

Settings.Bundle Settings.Bundle支持六种配置项分别是:Title,MultiValue,Group,Slider,ToggleSwitch,TextField 。 Title Type:配置类型,默认是Title Title:配置项显示的Title Ide...

路人Q
08/07
0
0
简单21点纸牌小游戏纸牌显示的修改

上次写的随笔,简单21点纸牌小游戏,当窗体大小改变时,纸牌画面会出现不显示的问题,因为每一张牌都是用GDI+的方法,从图片中剪裁下来的,没有用到vs提供的控件,如PictureBox控件,这就需要...

chonglang
10/07
0
0
js城市三级联动效果

重点就是全国城市的json数据,逻辑就是简单的循环查找和返回对应索引。 加入变换事件的回调处理接口。 效果截图和下载地址:js城市三级联动效果下载地址 部分代码,运行前需要加入json格式城...

透笔度
2016/05/27
222
0
ExtJs二(实现登录)

前言   在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境,本次课程主要是通过Ext组件来实现登录。 开始动手 1.在解决方案资源管理器中选择Scrip...

aehyok
2013/04/18
0
0
Highmaps网页图表教程之数据标签与标签文本

Highmaps网页图表教程之数据标签与标签文本 Highmaps数据标签 数据标签用于在地图图表上展现节点对应的数据。数据标签展现数据是静态的,只要节点一加载,数据标签就会出现在节点附近。在Hig...

大学霸
2015/08/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

RabbitMq异常处理

1.查找指定文件位置 find . -name "*erlang.cookie" 2.Rabbitmq异常 ===========根据提示,应该是Erlang的cookie出现问题 attempted to contact: ['rabbit@DESKTOP-RVK1IHE'] rabbit@DESKTO......

zhaochaochao
23分钟前
2
0
Java虚拟机学习笔记

jconsole的连接 JConsole的远程连接 JConsole远程连接配置(用VisualVM进行远程连接的配置和JConsole是一摸一样滴) JVM之jconsole远程连接配置...

OSC_fly
23分钟前
1
0
区块链教程以太坊源码分析downloader-peer源码分析

  兄弟连区块链教程以太坊源码分析downloader-peer源码分析,区块链行业正逐渐褪去发展之初的浮躁、回归理性,表面上看相关人才需求与身价似乎正在回落。但事实上,正是初期泡沫的渐退,让...

兄弟连区块链入门教程
25分钟前
2
0
ubuntu 自定义记录用户登录以及操作日志

root@ms:~# cd /etc#更改之前先备份,养成良好的习惯,否则肠子都要悔青了root@ms:/etc# cp profile profile.bakroot@ms:/etc# vi profile 在文章末尾加入下列shell脚本 history US...

Marhal
25分钟前
1
0
liunx 下使用rpm进行软件卸载

rpm -qa | grep php 列出所有的php相关的rpm包 rpm -e xxx 删除包

bengozhong
26分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部