文档章节

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
粉丝 2
博文 85
码字总数 23109
作品 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
js城市三级联动效果

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

透笔度
2016/05/27
222
0
Highmaps网页图表教程之数据标签与标签文本

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

大学霸
2015/08/17
0
0
ExtJs二(实现登录)

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

aehyok
2013/04/18
0
0
【微信小程序开发•系列文章五】主界面

我们之前的demo中,页面都是很简单的一个主页面的结构。没有底部菜单,没在意页面的结构。而我们平时接触的app都有各种各样的页面交织组合在一起,所以这一篇文章中,我们开始来关注我们的页...

jsongo0
2016/11/05
1K
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

jquery创建类似于java的map

var map = {}; // Map map = new HashMap(); map[key] = value; // map.put(key, value); var value = map[key]; // Object value = map.get(key); var has = key in map; // boolean has = ......

SuperDabai
38分钟前
0
0
java大数据转换16进制转10进制

public static void main(String[] args) {String hex = "0xdbf3accc683297cf0000";BigInteger amount = new BigInteger(hex.substring(2), 16);System.out.println(amount);......

任梁荣
昨天
2
0
OSChina 周六乱弹 —— 目测我们程序员丁克的几率不大

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @真Skr小机灵鬼儿:8.13分享Jocelyn Pook/Russian Red的单曲《Loving Strangers》 《Loving Strangers》- Jocelyn Pook/Russian Red 手机党少...

小小编辑
昨天
9
3
TypeScript基础入门 - 函数 - 剩余参数

转载 TypeScript基础入门 - 函数 - 剩余参数 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.2.1 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

durban
昨天
1
0
OpenCV边缘检测算子原理总结及实现

1. 拉普拉斯算子 原理:是一种基于图像导数运算的高通线性滤波器。它通过二阶导数来度量图像函数的曲率。 拉普拉斯算子是最简单的各向同性微分算子,它具有旋转不变性。一个二维图像函数的拉...

漫步当下
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部