加載其他頁面時，改變我的CSS樣式在C＃或JS

我有一個像一些滾動菜單：加載其他頁面時，改變我的CSS樣式在C＃或JS

when left:0 load class 123; 
when left :-100 load class 456; 
when left :-285 load class 789;

我如何做到這一點：

<div id="panel" class="scroller"> 
    <div class="scroller-view" style = left:-100>  
    <span class="item "></span> 
    <a href="/123" class="item" style=""><img src="/images.png">123</span></a> 
    <a href="/456" class="item" style=""><img src="/images1.png">456</span></a> 
    <a href="/789" class="item" style=""><img src="/images2.png">789</span></a> 
    </div> 
</div>

時style = left:change from 0 to -300加載其他類就像我需要與C＃？

來源

2013-06-18 Meme

你正在建立一個圖像傳送帶嗎？ –

我想你是指定左由stuation。例如Student.Age < 10，然後left =0和Student.Age >10比left =-100。您正在用c＃代碼指定這個stuations。現在你有兩個選擇，

你可以渲染你的div面板在C＃代碼。
如果你使用MVC，你可以保留你的左變量在ViewBag.Left動態變量。

來源

2013-06-18 08:29:49 bayramucuncu

Tnks 我如何做到這一點與1選擇？所以如果（類== 123）風格= 「左：-100」如果（類== 456）風格= 「左：-286」如果（類== 789）風格=「左： - 356" ？ – Meme

您可以使用TagBuilder TagBuilder label = new TagBuilder（「label」）; label.AddCssClass（「control-label」）; label.InnerHtml = propObj.LabelCaption; – bayramucuncu

你可以試試這個Jquery解決方案。但是你需要在Div中設置一個ID。

//Document Ready event 
$(document).ready(function() { 
    if ($("#scroller-view").css("left") == "-100px") { 
     $("#scroller-view").removeClass("scroller-view"); 
     $("#scroller-view").addClass("Class1"); 
    } else if ... 
});

來源

2013-06-18 11:00:56

加載其他頁面時，改變我的CSS樣式在C＃或JS

回答

相關問題