dojo学习之button

下面记录一下Dojo中比较实用的button。

截图:

其中，最常用的是第一个，Dojo实现的话也很简单，下面贴出代码，主要参考了Dojo的官方demo。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>button常用图标</title>
	<link rel="stylesheet" href="js/dijit/themes/claro/claro.css">
	<script type="text/javascript" src="js/dojo/dojo.js" djConfig="parSEOnLoad:true"></script>
  </head>
  
  <body class="claro">
        <button data-dojo-type="dijit/form/Button">
	        <img src="js/dijit/tests/images/flatScreen.gif" alt="tall"  width="45" height="45"/><br>
		<span style="font-size:medium">tall</span>
	</button>
        <button data-dojo-type="dijit/form/Button">
                <img src="js/dijit/tests/images/flatScreen.gif" alt="tall" width="45" height="45"/>
                <span style="font-size:medium">long</span>
        </button>
     </body>
</html>

dojo学习之button

相关文章