DWZ富框架扩展icon方式

[html] view plain copy

print?

1. /**    
2.      * 自动加载toolbar的图片，iconClass=contexPath#imageName    
3.      */    
4.     function readyToolbarCSS() {     
5.         var $a = $("a[iconClass]");     
6.         $a.each(function(){     
7.             var imageName = $(this).attr("iconClass");     
8.             var $span = $("span", this);     
9.             if ($span.length == 0) {     
10.                 // 用作<td>中的<a>     
11.                 $(this).css({     
12.                     "background":"url(../../images/" + imageName + ".gif) no-repeat",     
13.                     "background-position":"50% 50%",     
14.                     "width":"22px",     
15.                     "height":"20px",     
16.                     "text-indent":"-1000px",     
17.                     "overflow":"hidden",     
18.                     "display":"block",     
19.                     "float":"left"    
20.                 });      
21.             } else {     
22.                 // 用作panelBar toolBar中的<span>  
23.                 $span.css({     
24.                     "background-image":"url(../style/" + imageName + ".gif)",     
25.                     "background-position": "0 3px"    
26.                 });                          
27.             }     
28.         });     
29.     }  

在页面加载的地方,或是第三方jquery插件后引入方法即可   <span iconClass="pass"></span>