|
主题:实现网站无刷新风格切换方法【稍有瑕疵】——by菏泽网站建设 [收藏主题] | 转到: |
最新的教程:http://bbs.kesion.com/dispbbs.asp?boardid=42&Id=109607 这个教程是完美的,没有任何瑕疵的。
下面的教程给感兴趣的朋友学习把。
效果演示,请参看www.hezewangzhan.com 菏泽网站建设 地方网络工作室 官方网站。
以下内容只有回复后才可以浏览,请先登录!
首先,需要一个JS文件,文件内容如下: [replyview] function change(a){
在这其中的CSS路径请根据你的实际情况进行修改。如果需要多个,则复制便可。
JS文件写好后保存至科讯根目录下JS文件夹,取名为CSS.JS
在网页模板中插入调用JS的代码,如下:
<script src="/js/css.js"></script>
模板HEAD处修改链接样式的方法,主要是加一个ID,并命名为css 代码如下:
<link href="/image/css.css" rel="stylesheet" type="text/css" id="css" />
在模板合适处添加一下代码:
<a href="#" class="qhcss_1" title="切换默认风格" onClick="change(1)">■</a><a href="#" onClick="change(2)" class="qhcss_2" title="切换绿色风格">■</a>
====================================================
CSS如何去写就不属于本帖讨论的范围了。谢谢~
OK,现在就可以实现无刷新的情况下修改网页的表现形式了。根据这个原理可以做适合老年人访问的大字体样式网页,也可以做其他的你能想到的东西。
瑕疵:不能实现修改后整站无论哪个网页都实现修改的理想状态,不能保存效果下次访问还是自己选择的效果。本人技术有限,希望高手能够指正,给予解决方法。
不过如果你仅仅是首页某个部分需要调整一下颜色什么的,还是绰绰有余的。
抛砖引玉,权当莞尔~地方网络工作室 www.hezewangzhan.com 原创,转载请保留此行版权申明。 [/replyview] |
|
支持(0) | 反对(0) 顶端 底部 |
xiaogou5852 发表于:2010/6/9 23:23:00 | 只看该作者 查看该作者主题
沙发
|
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
youngae520 发表于:2010/4/19 10:04:00 | 只看该作者 查看该作者主题
10楼
|
|
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |