html5 css3手機微信ui界面代碼



82 324 109



特效描述:html5 css3手機微信 ui界面代碼,html5 css3為微信Web頁面服務量身設計ui界面代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/default.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.tempgauge.js"></script>

3. HTML代碼

<article class="container">
	<div class="content">
		<div class="tempGauge0">-10&deg;C</div>
		<div class="tempGauge0">0&deg;C</div>
		<div class="tempGauge1">10&deg;C</div>
		<div class="tempGauge1">20&deg;C</div>
		<div class="tempGauge2">30&deg;C</div>
		<div class="tempGauge2">50&deg;C</div>
		<div class="tempGauge3">34.4&deg;C</div>
		<div class="tempGauge3">-200&deg;C</div>
	</div>
</article>
<script type="text/javascript">
$(function(){
	$(".tempGauge0").tempGauge({width:60, borderWidth:3, showLabel:true, borderColor:"#f9f7f6"});
	$(".tempGauge1").tempGauge({width:70, borderWidth:3, showLabel:false, borderColor:"#f9f7f6"});
	$(".tempGauge2").tempGauge({width:150, borderWidth:4, borderColor:"#fff", fillColor:"#dcdcdc", showLabel:true});
	$(".tempGauge3").tempGauge({width:100, borderWidth:2, fillColor:"green",borderColor:"#f9f7f6"});
});
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 收縮展開 展開收縮 收縮 展開 切換按鈕 表單 表單美化 表單插件 表單美化插件 收縮菜單 收縮導航 文本框 text文本框 單選框 單選按鈕 驗證碼 按鈕控制 表單驗證 表單驗證插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子