jquery Mobile案例 - W3xue在线HTML/CSS/JS运行工具

​x
  <a href="#" data-role="button" data-inline="true" data-shadow="false">按钮 1</a>
 
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/js/jquery.mobile-1.3.2.min.css">
<script src="/js/jquery-1.8.3.min.js"></script>
<script src="/js/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
​
<div data-role="page" id="pageone">
  <div data-role="header">
  <h1>data-shadow 实例</h1>
  </div>
​
  <div data-role="content">
  <h3>注释：默认地，按钮带有阴影。</h3>
  <p>带有和不带有阴影的按钮：</p>
  <a href="#" data-role="button">按钮 1</a>
  <a href="#" data-role="button" data-shadow="false">按钮 2</a>
  <br>
  
  <p>带有和不带有阴影的行内按钮：</p>
  <a href="#" data-role="button" data-inline="true">按钮 1</a>
  <a href="#" data-role="button" data-inline="true">按钮 2</a>