服务帮助

当前位置:地方网站工作室 >> 工作室动态 >> 服务帮助 >> 浏览文章

【本站原创】实现网站无刷新风格切换方法

文章来源:菏泽网站建设  文章作者:地方网络工作室  日期:2008年10月06日
现在就可以实现无刷新的情况下修改网页的表现形式了。根据这个原理可以做适合老年人访问的大字体样式网页,也可以做其他的你能想到的东西。

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

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

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 原创,转载请保留此行版权申明。

追求卓越 精心缔造 菏泽网站建设 地方网络工作室
上一篇:用FOXMAIL或OUTLOOK收发邮件详解
下一篇:网站为什么一定要有自己独立域名?
相关文章

我们能为菏泽企业做什么?

菏泽企业网站建设
DIV+CSS布局技术、底层SEO规划设计、菏泽地方网络工作室为您提供优质网站建设服务!
SEO网站推广策划
菏泽唯一SEOwhy认证的SEOER,全面的SEO推广方案,为您量身定制SEO网站推广策划!
国内顶级服务器
新网互联、中国频道、美国主机、韩国主机、地方网络工作室只提供最优质的服务器主机!
《书生商友》商机群发软件
Booksir,一步到位彻底解决中小企业网络整合营销的书生商友营销引擎!

公告

怎么联系我们?

手机:18651363941
地址:由于菏泽生存压力巨大,本人现未居菏泽,在北京就值。如有业务需要,请直接电联。
联系人:刘峰 高娜
QQ:61572536
微信:61572536
邮箱:guf521@163.com

服务宗旨

因为执着 所以专业 追求卓越 精心缔造
售后为先 宁得罪新客户  不拖拉老客户
诚信为本 新互顶级域名空间  畅爽速度