plz i want to know how to make the effects that exists on this link in the upper part :

http://www.masrawy.com/new/


1-) changing color when pressing on the color

2-) changing font (+) to increase it
(-) to decrease it
(N) to set it to the normal style

3-) decrease and increase the width of the page
(from
كبر حجم الصفحة
or
صغر حجم الصفحة
)


can anyone help me in doing this task?????

That particular website is manipulating the stylesheets somehow in a way I didn't want to investigate. I think it is a bad choice for something so simple.

The best way to switch a group of styles is to just change the class on the body or other parent element, then create rules in the stylesheet based on which class the elements are a descendant of.

To change individual styles on single elements, you may change the inline CSS rules through that elements style object.

Changing the className will almost always be faster: http://www.quirksmode.org/dom/classchange.html That link may also help you understand how these methods work.