大佬教程收集整理的这篇文章主要介绍了dojo按钮处理方式,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
1.dojo中大部分按钮都先分组,同类图片放入同一张图片.因为一张图片的加载速度肯定会快(请求次数减少.)
<style type="text/css"> .editorIconCut{ background-image: url("editorIconsEnabled.png"); background-repeat: no-repeat; width: 18px; height: 18px; text-align: center; background-position: -54px; } </style> <button id="btn1" class="editorIconCut"></button>
2.再深入一点点.如果引入其他图片,那不是每个class都要重新再写一次吗?一般框架中,都会定义两个class.这样可以简单的定义多个图标了.
<style type="text/css">.editorIcon{ background-image: url("editorIconsEnabled.png"); background-repeat: no-repeat; width: 18px; height: 18px; text-align: center; } .editorIconCut{ background-position: -54px;} .editorIconCopy { background-position: -72px; } </style> <button id="btn2" class="editorIcon editorIconCopy"></button> <button id="btn1" class="editorIcon editorIconCut"></button>
3.如果还有一张其他分组内同样款的图片,如一张点击过后的图标图片(灰色)
那只要在此定义个class
.editorIconDisabled{background-image: url("editorIconsDisabled.png");background-repeat: no-repeat; width: 18px; height: 18px; text-align: center;}
以上是大佬教程为你收集整理的dojo按钮处理方式全部内容,希望文章能够帮你解决dojo按钮处理方式所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。