dwzアイコンが広がり、審美疲労を減らす

dwz拡張公式例アイコン(ブログ運営開始、注目を求める)
 
説明:dwzを使って急速に開発する時、公式サイトが与えたアイコンがいくつかしかなくて、全然足りないことを発見して、今私達は一緒にアイコンの開拓を行って、とても簡単です.dwz公式にこのコードを追加することをお勧めします.そうすれば、私たちのニーズを満たすことができます.
 個人ブログ:http://q137681467.iteye.com
 
一、プロジェクトファイルdwz.ui.jsを見つけ、jsの最後にアイコン拡張コードを追加する:

/**
 *     toolbar   ，iconClass=contexPath#imageName
 */
function readyToolbarCSS() {
	var $a = $("a[iconClass]");
	$a.each(function(){
		var imageName = $(this).attr("iconClass");
		var $span = $("span", this);
		if ($span.length == 0) {
			//   <td>  <a>
			$(this).css({
				"background":"url(../style/img/toolbar_icons/" + imageName + ".png) no-repeat",
				"background-position":"50% 50%",
				"width":"22px",
				"height":"20px",
				"text-indent":"-1000px",
				"overflow":"hidden",
				"display":"block",
				"float":"left"
			});	
		} else {
			//   panelBar toolBar  <span>
			$span.css({
				"background-image":"url(../style/img/toolbar_icons/" + imageName + ".png)",
				"background-position": "0 3px"
			});						
		}
	});
}

 
二、上の「//ここに他の第三者jQueryプラグインを置く...」の下に次のコードを追加する

//     toolbar   
	readyToolbarCSS();

 
 個人ブログ:http://q137681467.iteye.com
 
三、アイコンを使用するには、aラベルに次のコードを使用して、アイコンの拡張を実現することができます.

iconClass="database_go"

 「database_go」がアイコン名
 
四、これでアイコンの拡張や挿入が完了し、dwzを除いて、他のフロントページではアイコンを使用することができます.
 
五、一部のアイコンは添付ファイルにあり、大部分の需要を満たす.
 
 
 個人ブログ:http://q137681467.iteye.com
ブログ宣言:
—— —————————— みんながいっしょに交流することを歓迎して、多く評論して、多く伝言して、多く関心を持って————————————
————————————————権利侵害があれば速やかに説明し、転載して作者と出所を説明してください——————————