ASP.NET多风格样式切换实现代码

对于一个多页面的网站来说了，CSS的更换不能只简单的在一个页面中调用更换CSS功能更新这个页面头上链接的CSS地址，因为它不能保证在点击了别的页面后新的样式应该到新打开的页面中去，因此，一定要有一个全局性的变量来记录它，我选用的是SESSION，在用户点击了侧边模板下拉框中的模板时，触发了下拉框的ONCHANGE事件，执行了一段AJAX程序，程序的功能是将用户选中的模板信息发送给服务器，服务器接收新的模板信息后更新表示模板的SESSION值，然后向客户端返回成功信息，客户端则根据返回的成功信息来改变页面样式，注意：我在页面头中写的CSS链接信息是这样子的:

　　程序代码：

<LINK id=cssLink href="http://alixixi.com/abc.css" type=text/css rel=stylesheet>

　　css.aspx是一个ASP.net的页面，它的作用只是单一的根据SESSION中的当前CSS模板信息来转向所应CSS样式表文件！这样子的处是客户端在接收到了服务器端成功更新SESSION的信息后刚不用考虑其它的东西，直接一句：

document.getElementById("cssLink").href=http://www.alixixi.com/document.getElementById("cssLink").href;

　　将cssLink的href重新写一下儿，虽然是前后一模一样子的值，但这会激发CSS.ASPX页面重新读一下儿，这样子CSS.ASPX页面就能转到新更新的CSS样式表了！由于网站别的页面的样式表链接信息都是这样写的，所以每个页面加载时都是会应用最新更新的样式表的，这样子，网站无刷新的全局更新样式表就实现了！！

时间： 2024-10-25 08:07:03

ASP.NET多风格样式切换实现代码的相关文章

基于JS实现简单的样式切换效果代码_javascript技巧

本文实例讲述了基于JS实现简单的样式切换效果.分享给大家供大家参考.具体如下: 这是一款基于JS实现简单的样式切换代码,自由切换CSS样式,很多大网站现在正在用,我觉得这是个挺实用的不错的功能,希望大家喜欢哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-simple-tab-cha-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti

用cookies实现的可记忆的样式切换效果代码下载_javascript技巧

无刷新cookies切换样式示例代码实例主要用到的代码 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>styleswitcher-www.jb51.net </title> <link title=red rel="stylesheet&

jQuery实现TAB风格的全国省份城市滑动切换效果代码_jquery

本文实例讲述了jQuery实现TAB风格的全国省份城市滑动切换效果代码.分享给大家供大家参考.具体如下: 这里演示jQuery实现的全国省市菜单,加入了选项卡风格,把全国城市按字母范围归类,鼠标移到某一分类的时候,滑动门展开显示所属的全国省分和城市.特别适合于分类信息网站使用.当然,在需要选择省市的时候,也是可以用的.仔细看了下,菜单里面的城市还比较全,你不用再手动添加城市了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-tab

asp.net导入CSS样式，用不起

问题描述 asp.net导入CSS样式,用不起 asp.net我导入了CSS样式表,路径也是对的,但是样子一点也没用起 解决方案 使用ASP.NET直接控制CSS样式asp.net css 样式选择器,优先级在Asp.net中过滤html,javascript,css样式代码 解决方案二: 浏览器开发工具看你css文件路径是否正确,不是你说对就是对,要浏览器能正常加载才行

ASP.NET：了解WEB窗体的代码模型

asp.net|web 一个ASP.NET页面由两部分组成:一是使用静态文本和服务器控件的用户界面定义,二是用户界面行为和服务器端代码形式的Web应用程序逻辑的实现. ASP．NET提供了全新的代码模型,使得网页开发者和开发工具能够更清晰.更容易地把代码与表示分开.对比ASP来说,这个特征是一个重要的改进,ASP需要代码遍布在整个页面的静态内容之中.ASP.NET代码模型使得开发和设计团队中的分工更加容易,并增加了代码和内容的可读性和可维护性. 这个全新的代码模型通常使用两种形式之一.第一种形式

jQuery焦点图切换特效代码分享_jquery

本文实例讲述了jQuery焦点图切换特效.分享给大家供大家参考.具体如下: 这是一款网易保健品商城网站的jQuery焦点图代码,界面简洁.时尚.大方,通用性比较强,实现过程很简单. 运行效果图:      -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 在head区域引入CSS样式: <link rel="stylesheet" href="css/zzsc.css

JS实现的文字与图片定时切换效果代码_javascript技巧

本文实例讲述了JS实现的文字与图片定时切换效果代码.分享给大家供大家参考.具体如下: 这是近来门户们都喜欢用的特效,左侧是一个大图片,右侧是对应文字,鼠标移动时,对应行的文字会变化,图片也相应的切换,如果没有鼠标动作时,它会自己播放,播放时间可调整,个人感觉挺不错的导航效果. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-txt-pic-time-cha-tab-codes/ 具体代码如下: <head> <meta http-e

jquery带有索引按钮且自动轮播切换特效代码分享_jquery

本文实例讲述了jquery带有索引按钮且自动轮播切换特效.分享给大家供大家参考.具体如下: 这是一款基于jquery实现的带有索引按钮且自动轮播切换特效代码,实现过程很简单. 运行效果图:                              -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 在head区域引入CSS样式: <link rel="stylesheet" hr

jquery的幻灯片图片切换效果代码分享_jquery

本文实例讲述了jquery的幻灯片图片切换效果.分享给大家供大家参考.具体如下: 这是一款基于jquery的幻灯片图片切换效果代码,有缩略图和标题,可以自定义标题. 运行效果图:     -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. (1)在head区域引入CSS样式: <LINK rel=stylesheet type=text/css href="css/lrtk.css&quo