master

分支 (1)

管理

管理

master

layui_demo_4
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="layui-bg-blue layui-anim layui-anim-up"
			style="width: 200px;height: 200px;"></div>


		<div class="layui-bg-orange layui-anim layui-anim-rotate layui-anim-loop"
			style="
				width: 200px;
				height: 200px;
				text-align: center;
				line-height: 200px;">
			爱的魔力转圈圈
		</div>

		<i class="layui-icon layui-icon-cellphone layui-anim layui-anim-rotate layui-anim-loop" style="font-size: 60px;"></i>

		<i class="layui-icon" style="font-size: 72px;color: #00FF00;">&#xe677;</i>

		<button type="button" class="layui-btn layui-btn-danger layui-btn-lg layui-btn-radius">一个标准的按钮</button>

		<a href="http://www.baidu.com" class="layui-btn layui-btn-xs">一个可跳转的按钮</a>
	</body>
	<script type="text/javascript">
		layui.use('layer',function(){
			var layer = layui.layer;
			layer.msg('hello world');
		});
	</script>
</html>