<!doctype html> <html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>图片</title> <meta name="renderer" content="webkit"> <meta http-equiv="Cache-Control" content="no-siteapp"/> <link rel="icon" type="image/png" href="assets/i/favicon.png"> <meta name="mobile-web-app-capable" content="yes"> <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Amaze UI"/> <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png"> <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png"> <meta name="msapplication-TileColor" content="#0e90d2"> <link rel="stylesheet" href="assets/css/amazeui.min.css"> </head> <body style="max-width: 200px; margin-left: 200px;"> <!--响应式图片--> <img src="img/xxx.jpg" class="am-img-responsive" alt=""/> <!--圆角样式--> <p> <img class="am-radius" alt="140*140" src="img/xxx.jpg" width="140" height="140" /> <img class="am-round" alt="140*140" src="img/xxx.jpg" width="200" height="120"/> <img class="am-circle" src="img/xxx.jpg" width="140" height="140"/> </p> <!--边框--> <img src="img/xxx.jpg" alt="..." class="am-img-thumbnail"> <img src="img/xxx.jpg" alt="..." class="am-img-thumbnail am-radius"> <img src="img/xxx.jpg" alt="..." class="am-img-thumbnail am-circle"> <!--[if (gte IE 9)|!(IE)]><!--> <script src="assets/js/jquery.min.js"></script> <!--<![endif]--> <!--[if lte IE 8 ]> <script src="assets/ie8/jquery.min.js"></script> <script src="assets/ie8/modernizr.js"></script> <script src="assets/js/amazeui.ie8polyfill.min.js"></script> <![endif]--> <script src="assets/js/amazeui.min.js"></script> </body> </html>
效果图:
相关推荐
NULL 博文链接:https://onestopweb.iteye.com/blog/2277572
AmazeUI 需要的同学可以下载。
1.id="up-img-touch" 是触发弹出框的焦点 ... 点击图片上传" src="img/hu.jpg" data-am-popover="{content: '点击上传', trigger: 'hover focus'}" > 2.url="/admin/user/upload.action" 提交给服务器的事件 1 ...
一款基于amazeui框架头像上传代码,鼠标点击弹出头像图片上传框,效果不错。
WEB前端框架AmazeUI(包含所有的css样式、js、图片等文件),含有示例页面代码
AmazeUI个人感觉确实蛮不错的,虽然现在还不算特别完善,但毕竟是国内首款,用起来比较符合国人。 今天要讲得是图片轮播,感觉这个应该能够帮到大家,再此整理整理。 <!DOCTYPE html> <html> <head>...
一款基于amazeui框架头像上传代码,鼠标点击弹出头像图片上传框,效果不错。
基于amazeui框架,设计的头像上传插件
本程序采用 SpringBoot+Mysql+MyBatis+Thymeleaf+Amaze UI+ECharts 等框架技术支持。 友情提示:[hutool ](https://git.oschina.net/loolly/hutool) 国产最佳Java 工具类! BabyLog是用来记录孩子成长过程的日记,...
基于amazeui框架头像上传代码是一款鼠标点击弹出头像上传框,效果不错。
本文主要介绍了AmazeUI 缩略图的实现示例,分享给大家,顺便给自己留个笔记,下面就一起来了解一下 <!doctype html> <html class=no-js> <head> <meta charset=utf-8> <meta ...
代码简介:基于amazeui框架头像上传代码是一款鼠标点击弹出头像上传框,效果不错。
网站设计建站公司企业官网模板下载_网站设计 建站公司 企业 网站建设 官网 幻灯 图片均分 整站 精品 中文 Amaze UI 网站设计建站公司企业官网模板下载_网站设计 建站公司 企业 网站建设 官网 幻灯 图片均分 整站 ...
网站设计建站公司企业官网模板下载_网站设计 建站公司 企业 网站建设 官网 幻灯 图片均分 整站 精品 中文 Amaze UI 响应式 互联网 it科技 服务.rar
网站设计建站公司企业官网模板下载_网站设计 建站公司 企业 网站建设 官网 幻灯 图片均分 整站 精品 中文 Amaze UI 响应式 互联网 it科技 服务.rar
无论是点击图片还是按钮来显示全屏,具体代码如下:
并解压,双击 dist 目录中的 AmazeUI.docset 安装到 Dash(iOS 设备参考官方文档)。 没有 Dash 的用户也可以 Clone 项目执行 Gulp 直接以 HTML 的形式浏览,HTML 文件的路径为: dist/amazeui.docset/Contents/...