当前位置 : 主页 > 网页制作 > Dojo >

dojo学习之button

来源:互联网 收集:自由互联 发布时间:2021-06-15
下面记录一下Dojo中比较实用的button。 截图: 其中,最常用的是第一个,Dojo实现的话也很简单,下面贴出代码,主要参考了Dojo的官方demo。 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//

下面记录一下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>
网友评论