ionic 图片无线轮播
来源:互联网 发布:怎么用c语言控制机器人 编辑:程序博客网 时间:2024/05/19 13:44
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../lib/css/ionic.css" />
<script type="text/javascript" src="../lib/js/ionic.bundle.js" ></script>
<script>
angular.module('app',['ionic'])
.controller('mycon',['$scope',function(){
}])
</script>
<style>
.slider {
height: 500px;
background-color: red;
padding-top: 80px;
color: #000;
background-color: #f89;
text-align: center;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
div{
width: 300px;
}
</style>
</head>
<body ng-app='app'>
<ion-slide-box active-slide="myActiveSlide" does-continue="true" slide-interval="1000" auto-play="true">
<ion-slide>
<img src="../img/meinv1.png" />
</ion-slide>
<ion-slide>
<div class="box yellow"><h1>YELLOW</h1></div>
</ion-slide>
<ion-slide>
<div class="box pink"><h1>PINK</h1></div>
</ion-slide>
</ion-slide-box>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../lib/css/ionic.css" />
<script type="text/javascript" src="../lib/js/ionic.bundle.js" ></script>
<script>
angular.module('app',['ionic'])
.controller('mycon',['$scope',function(){
}])
</script>
<style>
.slider {
height: 500px;
background-color: red;
padding-top: 80px;
color: #000;
background-color: #f89;
text-align: center;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
div{
width: 300px;
}
</style>
</head>
<body ng-app='app'>
<ion-slide-box active-slide="myActiveSlide" does-continue="true" slide-interval="1000" auto-play="true">
<ion-slide>
<img src="../img/meinv1.png" />
</ion-slide>
<ion-slide>
<div class="box yellow"><h1>YELLOW</h1></div>
</ion-slide>
<ion-slide>
<div class="box pink"><h1>PINK</h1></div>
</ion-slide>
</ion-slide-box>
</body>
</html>
阅读全文
0 0
- ionic 图片无线轮播
- ionic 图片轮播
- ionic 图片轮播
- 图片无线轮播
- 图片无线轮播
- ionic 图片轮播问题
- Bannner图片无线轮播
- ionic之搜索框浮动在轮播图片上
- ionic之ion-slide-box实现图片轮播
- ionic+三张图片进行轮播+按钮
- ionic实现轮播
- ionic轮播
- ViewPager无线轮播(图片为n个网址)
- Android---------使用ViewPager无线轮播获得接口的图片(小圆点无线轮播图片)
- 无线轮播
- 无线轮播
- ViewPager 无线轮播
- ViewPager无线轮播
- 网络连接判断
- Session实现用户登录(九)
- 谷歌翻译接口使用(android为例)
- 分页加载中由已加载的条目数判断下一页页码
- Linux中的Make工具
- ionic 图片无线轮播
- 2670 3-1 Point类的构造函数
- DOM2级点击事件的事件流的阻止
- 递归与动态规划关系
- jsp 定义 背景图片并控制图片的大小
- 深度学习在计算机视觉邻域应用综述,看完这一篇就够了
- RadioButton修改前面的选项样式
- 使用telnet登陆smtp服务发邮件
- 自己看的,随便写,贴。关于Android里面的Style(样式)和主题(Theme)资源