最近在忙几个事,工作上做天河部落的升级改版,绕有兴致的做博客的个性化功能,以前我的博客也有几个样式模板,但是模块没有定制,昨天顺便就把我博客的个性化定制功能实现了,对于Asp.Net的博客个性化定制功能的方法总结如下:
1.简单的切换css样式文件
这是我之前的博客切换风格的方法,很简单,只需要改变页面的一个css样式文件即可,通过换css样式文件页面也完全可给人耳目一新,但其页面的html结构并没有发生改变,所以就不可能从根本上实现博客个性化定制,换换皮肤而已。我之前是使用javascript来改变css文件路径的,有时候加载样式很慢的情况下,在切换样式的那一瞬间页面可能会出现“裸奔”,也就是没有任何样式,这一点IE处理得很好,因为IE内可以预载css样式,在更换css样式文件的时候它会先预载新的css样式文件,完成之后才会被附加到页面来,所有不会出现上面的“裸奔”情况。然而在表扬IE的时候又想起之前碰到IE7里面的一个潜规则:在使用javascript更换css样式文件的时候不会加载样式文件内联的@import url(..)样式。适应它潜规则的方法是:先指定一个空路径再设置为样式文件路径即可,如下:
<!-- Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->
document.getElementById(
'
currSkin
'
).href
=
''
; document.getElementById(
'
currSkin
'
).href
=
skinsrc;
document.getElementById(
'
currSkin
'
).href
=
''
; document.getElementById(
'
currSkin
'
).href
=
skinsrc;
转载自原文链接, 如需删除请联系管理员。
原文链接:[转]博客个性化定制-实现类似iGoogle首页功能,转载请注明来源!
相关推荐