Bu yazımızda CSS3 de gelen calc özelliğinden bahsetmiştik. Tüm tarayıcıların calc desteklememesinden dolayı desteklemeyen tarayıcılarda tasarımınız bozulacaktır. Tasarımınızın jquery ile bozulmasını önleyebilirsiniz. Fakat javascript desteği olmayan tarayıcılarda bu fonksiyonda çalışmayacaktır.
* Öncelikle jquery kütüphanesini dahil etmelisiniz.
Jquery kütüphanesini dahil ettikden sonra isterseniz harici javascript dosyasına isterseniz dahili olarak script etiketi arasına aşağıdaki kodları ekleyin.
Eğer değer çıkarmak istiyorsanız:
$(“#katman”).css(“width”, “100%”).css(“width”, “–=100px”); /* id değeri katman olan nesneye %100 genişlikten 100px çıkar. */
Eğer değer eklemek istiyorsanız:
$(“#katman”).css(“width”, “100%”).css(“width”, “+=100px”); /* id değeri katman olan nesneye %100 genişlik üzerine 100px ekle. */