开发者社区> 蓬莱仙羽> 正文

换肤

2013-04-07 864

简介：                 a         {             color:Black;             }                             $(function ...
+关注继续查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        a
        {
            color:Black;
            }
    </style>
    <link id="lnk" href="Css/red.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //读取保存的cookie里面的css
            var css = $.cookie("css");
            if (css) {
                //当cookie还没有被删除或者还没有过期，就将它赋给当前的link标签
                $("#lnk").attr("href", css);
            }


            $("a").click(function () {
                var css = $(this).attr("href");
                $("#lnk").attr("href", $(this).attr("href"));


                //记录当前使用的样式
                $.cookie("css", css, { expires: 10 }); //将当前记录保存十天
                return false; //防止它下载或者跳转
            })
        })
    </script>
</head>
<body>
    <a href="css/red.css">红</a><br />
    <a href="css/yellow.css">黄</a><br />
    <a href="css/blue.css">蓝</a><br />
</body>

</html>


版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

JavaScript 前端开发
开发者社区 > 开发与运维 > 文章
云迁移中心
作者高分内容
更多
【Aladdin Unity3D Shader编程】之四 贴图纹理 1665 【Aladdin Unity3D Shader编程】之一 基本入门 2159 【Aladdin Unity3D Shader编程】之三 光照模型(二) 1500 【Aladdin Unity3D Shader编程】之二 光照模型(一) 1667 [小工具]代码统计小工具编写 990
相关文章
一颗优雅草科技
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
50 0
嘿嘿不务正业
换肤 - 一文看破常用的网站主题切换方式
现在大部分主流网站都不约而同的添加了暗色主题，让我们一起看看这些常用的切换方案、实现方式以及注意点。
149 0
狂奔滴小马
SVG + 动画 实现一个有个性的404页面
我正在参加 码上掘金体验活动，详情：[show出你的创意代码块]，我们的博客网站有时候 404页面比较普通，我们可以通过SVG 加动画来实现一个有个性的页面。
98 0
游客rkwaivzjnxpz6
《前端实战总结》之使用纯css实现网站换肤和焦点图切换动画
今天我们来继续复盘一些工作中常用的css技巧和知识,以便我们可以更加优雅的用css实现富有动感的网站.
148 0
JackWang1987
Photoshop和WPF双剑配合，打造炫酷个性的进度条控件
结合Photoshop和WPF，共同创建一个矢量的个性化进度条。
427 0
天隆金
超炫全屏焦点图插件
在线演示 本地下载
510 0
杰克.陈
通通玩blend美工（6）上——仿iPhone滚动选择器的ListBox（UI设计）
原文:通通玩blend美工（6）上——仿iPhone滚动选择器的ListBox（UI设计）     　　好久没更新博客了，由于项目比较紧，期间收到不少园友的短消息，感谢大家对我的支持~~。 　　相信各位都在自己的神机中看到过各种滚动选择器，偶们项目经理就是个iPhone迷，前几天一直抬着个手机对我说"这个炫，做这个...".于是就有了这个选择器。
939 0
杰克.陈
通通玩blend美工（6）下——仿iPhone滚动选择器的ListBox（交互逻辑）
原文:通通玩blend美工（6）下——仿iPhone滚动选择器的ListBox（交互逻辑）     　　上一篇我们已经把界面画出来了，这篇我们就来制作交互的逻辑吧。上一篇的电梯： http://www.
901 0
杰克.陈
WPF ScrollViewer(滚动条) 自定义样式表制作 (改良+美化)
原文:WPF ScrollViewer(滚动条) 自定义样式表制作 (改良+美化) 注释直接写在代码里了   不太理解意思的 可以先去看看我上一篇  WPF ScrollViewer(滚动条)  自定义样式表制作 图文并茂 滚动条因为要在触摸屏上用  所以我设计的很宽 宽度可以自己改  把宽度变量...
1786 0
杰克.陈
WPF ScrollViewer(滚动条) 自定义样式表制作 图文并茂
原文:WPF ScrollViewer(滚动条) 自定义样式表制作 图文并茂 先上效果图 正常样式 拖动时样式 好下面 开始吧 ================================================================= 打开blend 新建...
1356 0
+关注
蓬莱仙羽
麦子学院讲师，游戏蛮牛专栏作家，CSDN博客专家，热爱游戏开发，热爱Coding!
文章
问答
视频
作者高分内容
更多
【Aladdin Unity3D Shader编程】之四 贴图纹理 1665 【Aladdin Unity3D Shader编程】之一 基本入门 2159 【Aladdin Unity3D Shader编程】之三 光照模型(二) 1500 【Aladdin Unity3D Shader编程】之二 光照模型(一) 1667 [小工具]代码统计小工具编写 990
文章排行榜
最热
最新
1 C++ STL容器和算法：详解和实例演示 38855
2 Go 方法接收器：选择值接收器还是指针接收器？ 37581
3 干掉 “重复代码”，这三种方式绝了！ 36022
4 万能架构设计：ES+Redis+MySQL，这套组合可应对80%业务场景（2） 30767
5 使用篇丨链路追踪（Tracing）很简单：链路拓扑 30012
6 如何提高光伏发电效能异常检出效率的实践案例 27740
7 日志服务 SLS 和开源 ELK 全面对比 27562
8 阿里云蔡英华：Landing Zone助力生态伙伴成为企业云治理服务专家 25031
9 如何画好一张架构图？（3） 22286
10 高性能的本地缓存方案选型，看这篇就够了！ 21026
11 PolarDB-X 致数据库行内人 (一) ~ 如何有效评测国产数据库的分布式事务 14868
12 实践教程之体验PolarDB-X分布式事务和数据分区 9868
13 Python3，自从掌握了这个方法，再也不用print进行调试了。 13755
14 如何解决IoT数据入仓的客户实践 8173
15 现场直击：2023阿里云峰会精彩发布抢先看（内含福利） 334018
16 大数据&AI产品月刊【2023年4月】 4904
17 ClickHouse创始人：融合数据库该“卷”的还是性能和速度 54909
18 编程中最难的就是命名？这几招教你快速上手 32334
19 阿里云联合埃森哲正式发布《跨国企业上云登陆区（Landing Zone）白皮书》 50309
20 除了价格降70%，关于对象存储预留空间你还需要了解这些 31885
1 阿里云OpenSearch重磅推出LLM问答式搜索产品，助力企业高效构建对话式搜索服务 56
2 阿里云“通义听悟”正式公测：用户可免费领100小时转写服务 435
3 玖章算术NineData荣获信通院“生成式人工智能技术和应用优秀案例”奖 151
4 青莲网络携手阿里云推出Landing Zone & ITQM联合解决方案，助力企业高质量用云 51
5 专业的知识图谱应用门槛正在被不断降低 1510
6 Node内置模块 【操作系统os模块】 71
7 Node内置模块 【压缩zlib模块】 55
8 Node内置模块 【https模块】 55
9 Node内置模块 【crypto加密模块】 9787
10 断点调试(debug) 10301
11 一起来学ElasticSearch(九) 7418
12 重现一条简单SQL的优化过程 10299
13 图解LeetCode——543. 二叉树的直径 10111
14 一起来学kafka之整合SpringBoot基本使用 51
15 一起来学kafka之整合SpringBoot深入使用(一) 9754
16 Java的volatile 10108
17 Filter概述、接口及配置 10088
18 JDK20正式发布了GA版本，短期维护支持，以及JDK21预览 10231
19 浅谈分布式环境下WebSocket消息共享问题 10223
20 大数据&AI产品月刊【2023年5月】 87
推荐文章
现场直击：2023阿里云峰会精彩发布抢先看 AIGC主题征文开启，参与赢取富士拍立得 乘风伯乐招募令，邀请伯乐获取多重好礼！ 乘风者计划邀您入驻社区，精彩权益即刻享
相关电子书
更多
3D动画的菜谱式灯光与云渲染
立即下载
低代码开发师（初级）实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载