账号通
    

账号  

密码  

150394

查看

180

回复
主题:实现网站无刷新风格切换方法【稍有瑕疵】——by菏泽网站建设 [收藏主题] 转到:  
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2008/10/6 0:13:00   | 只看该作者 查看该作者主题 楼主 
科汛智能建站系统

最新的教程:http://bbs.kesion.com/dispbbs.asp?boardid=42&Id=109607 这个教程是完美的,没有任何瑕疵的。


 


下面的教程给感兴趣的朋友学习把。


 


 


效果演示,请参看www.hezewangzhan.com  菏泽网站建设 地方网络工作室 官方网站。


 


以下内容只有回复后才可以浏览,请先登录!


 


 


首先,需要一个JS文件,文件内容如下:


[replyview]


function change(a){
 var css=document.getElementById("css");
  if (a==1)
  css.setAttribute("href","/image/css.css");
  if (a==2)
  css.setAttribute("href","/image/red.css");
}


 


在这其中的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 当前离线

30

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:25 分
登录次数:7 次
注册时间:2010/6/6
最后登录:2010/6/9
xiaogou5852 发表于:2010/6/9 23:23:00   | 只看该作者 查看该作者主题 沙发 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
潇遥问天 当前离线

52

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:135 分
登录次数:3 次
注册时间:2010/6/5
最后登录:2010/6/10
潇遥问天 发表于:2010/6/7 21:49:00   | 只看该作者 查看该作者主题 藤椅 
科汛在线考试系统(NET)
的等等等等等等等等等等等等等等
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
fdjzsb 当前离线

40

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:220 分
登录次数:2 次
注册时间:2010/5/28
最后登录:2010/6/9
fdjzsb 发表于:2010/6/2 14:51:00   | 只看该作者 查看该作者主题 板凳 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
m2 当前离线

25

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:193 分
登录次数:20 次
注册时间:2010/5/23
最后登录:2010/6/23
m2 发表于:2010/5/23 14:08:00   | 只看该作者 查看该作者主题 报纸 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
凌波微步 当前离线

330

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:2233 分
登录次数:214 次
注册时间:2009/6/22
最后登录:2014/12/28
凌波微步 发表于:2010/5/14 9:33:00   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
wei_lu 当前离线

69

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:556 分
登录次数:29 次
注册时间:2010/1/16
最后登录:2011/11/29
wei_lu 发表于:2010/4/30 13:36:00   | 只看该作者 查看该作者主题 7楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
hld39hzt 当前离线

139

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:530 分
登录次数:1 次
注册时间:2010/4/18
最后登录:2010/4/30
hld39hzt 发表于:2010/4/28 9:58:00   | 只看该作者 查看该作者主题 8楼 
科汛在线考试系统(NET)
顶,好贴!!!!顶,好贴!!!!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
rsjq 当前离线

125

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:350 分
登录次数:6 次
注册时间:2010/4/8
最后登录:2010/6/26
rsjq 发表于:2010/4/21 14:31:00   | 只看该作者 查看该作者主题 9楼 
做在线知识付费 选科汛云开店
恩 很不错啊 !!!!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
youngae520 当前离线

83

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:954 分
登录次数:134 次
注册时间:2009/4/24
最后登录:2011/12/28
youngae520 发表于:2010/4/19 10:04:00   | 只看该作者 查看该作者主题 10楼 
做在线知识付费 选科汛云开店
看看,学习下
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.20313秒 powered by KesionCMS 9.0