账号通
    

账号  

密码  

137507

查看

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) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.06445秒 powered by KesionCMS 9.0