给勃客的倾斜效果加上咯一个开关

勃客右上角的“倾斜”框框里的内容，原来是一段CSS代码，用来将页面中的文章内容容器“.post-container”变成向左倾斜一度的。没有别的作用，就是装13用的。

今天收到热心读者kira的留言，希望可以在阅读时直接关闭倾斜效果。于是本座研究咯一下该如何做到这一点。直观的想法就是用javascript来做咯，本座也确实是这样做的。现在加上咯两个按钮，一个是启用倾斜效果的，一个是禁用倾斜效果的。原理就是在点击按钮时切换CSS代码的内容。相关的代码仍然是加在“倾斜”框框里的。点击“关闭倾斜”便可以关闭页面的文章内容的倾斜效果，点击“开启倾斜”可以启用页面上的文章内容的倾斜效果。

默认情况下还是会倾斜的，所以打开一个新页面的话还是会看到文章内容是倾斜的，需要再次点击“关闭倾斜”按钮才能关闭倾斜效果。要记住用户的选项的话，需要使用cookies或是其它的什么持久性存储方法，以后有时间再研究吧。

参考咯以下东西，感谢前辈们：

• • http://www.w3school.com.cn/htmldom/met_doc_getelementbyid.asp。getElementById()方法可用来找到具有指定ID的对象的一个引用。本座用这个来定位到包含倾斜效果的CSS代码的元素。

• • http://www.zizaiti.com/blog/2009/10/javascript_update_css_class/comment-page-1/。innerHTML属性表示的是一个元素内部的内容的HTML代码。本座用这个来修改具体的CSS代码内容。