dojo学习之button

最新推荐文章于 2016-09-07 04:35:02 发布

yipanbo

最新推荐文章于 2016-09-07 04:35:02 发布

阅读量2k

点赞数

分类专栏：一砖一瓦构建罗马

本文链接：https://blog.csdn.net/yipanbo/article/details/44040645

版权

一砖一瓦构建罗马专栏收录该内容

22 篇文章 0 订阅

订阅专栏

下面记录一下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>