网页换肤其实是改变href的css样式表

最新推荐文章于 2020-08-27 11:30:16 发布
最新推荐文章于 2020-08-27 11:30:16 发布
阅读量145 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/hkytk/p/7517987.html
版权

网页换肤其实是改变href的css样式表

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link id="link1" href="css1.css" rel="stylesheet" type="text/css" />

</head>

<body>

<dl id="message">
<form>
<dt>
<strong>可以换肤的提交框：</strong>
<input id="btn1" type="button" value="皮肤1" οnclick="document.getElementById('link1').href='css1.css';" />
<input id="btn2" type="button" value="皮肤2" οnclick="document.getElementById('link1').href='css2.css';" />
</dt>
<dd>输入姓名：<input class="text" type="text" /></dd>
<dd>输入密码：<input class="text" type="password" /></dd>
<dd>请您留言：<textarea></textarea></dd>
<dd class="center"><input class="btn" type="submit" value="提交" /></dd>
</form>
</dl>

</body>
</html>

转载于:https://www.cnblogs.com/hkytk/p/7517987.html

superXX07
关注
css 选择href属性值,巧用CSS属性值正则匹配选择器(小技巧)
weixin_39677104的博客
08-04 1561
属性值正则匹配选择器包括下面3种：[attr^="val"][attr$="val"][attr*="val"]这3种属性选择器是字符匹配，而非单词匹配。其中，尖角符号^、美元符号$以及星号*都是正则表达式中的特殊标识符，分别表示前匹配、后匹配和任意匹配。利用这些选择器，纯CSS就可以做出很炫酷的功能。显示超链接的小图标和文件类型图表利用[attr^="val"]前匹配选择器可以判断元素的链接地址...
css 变量 实现页面换肤
又是再见?
09-29 2431
开始之前先说说css3的自定义属性，之前我们在写css的时候全部都是使用自身属性，比如margin,padding等。但是你曾是否见过这样的css :root{ --primary-color:#989898; --light:#fff; --dark:#000; } 其中的–primary-color、–light、–dark就是自定义的属性。 自定义属性的命名规...
【javascript】修改css href
weixin_30810583的博客
09-14 335
<!DOCTYPE html> <html> <head> <link href="./.css" rel="stylesheet" type="text/css" id="css"> <script> function change(color) { ...
使用link与@import引入css文件用法区别
AI小美好
04-27 2807
页面导入外部css文件的方法通常有两种，一种在网页中直接link标签加入，另一种在页面中@import引入css文件。两种引入形式如下： link引入形式：<link href="styles.css" type="text/css" />@import引用形式：<style type="text/css">@import url("styles.css");</style>
换肤
ITdada的专栏
12-14 887
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档         可以换肤的提交框：              输入姓名：   输入密码：   请您留言：
网页中加入CSS文件方法及介绍
技术成就梦想，知识改变命运 !
02-14 804
<br />　　要想在浏览器中显示出预期的CSS样式表效果，就要让浏览器识别并正确调用CSS。当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在网页中加入CSS样式表文件的方法：链入外部样式表、内部样式表、导入外表样式表和内嵌样式。并特别讲解多重样式表的叠加的运用以及如何在xml中插入CSS。 <br />　　1. 链入外部样式表 <br />链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用<link>标记链接到这个样式表文件，这个<link>标记必须放到页面的<head>区内，如下： <
js+css简单实现网页换肤效果
10-23
网页换肤功能的核心是改变网页的样式表（CSS），即当用户选择不同的皮肤时，页面会加载与之对应的CSS文件。这个过程涉及到监听用户的交互行为，通常是通过按钮点击来触发换肤操作，然后通过JavaScript代码动态地修改...
Javascript结合css实现网页换肤功能
10-29
1. **样式表链接**: 网页换肤功能首先需要能够在页面上引入不同的CSS样式表。通过HTML中的`<link>`标签，可以引入特定的样式表。在这个过程中，`<link>`标签有一个`id`属性，这样JavaScript就可以通过这个`id`来操作...
js实现简单的网页换肤效果
10-20
网页换肤的核心是通过改变页面引用的CSS样式表来实现界面外观的变化。当用户选择一种皮肤后，JavaScript会动态更新`<link>`标签的`href`属性，指向新的CSS文件，从而使页面应用新的样式规则。 2. **HTML 结构**： ...
cookie和dom操作调用样式表实现网页换肤
01-21
原理:通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤. 换肤示例下载：sour.rar Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. <link href=css/main0.css rel=...
javascript下的DOM命令:css,href,arc
zxy9602的博客
12-12 554
.mo{ background:red; width:500px; height:500px; } hello                                                                                           //DOM命令下控制css； <img src="dog.jpg"  id=
css-a标签修改样式
热门推荐
简简单单，仔仔细细，只是一个开发者
01-24 1万+
首先标签有四种状态，分别为： a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻 为了使样式生效，需要注意： a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后 这样，可以使用文本样式来修改
HTML标签 链接 CSS样式
ZKN686的博客
05-20 2541
HTML 注释标签您能够通过如下语法向 HTML 源代码添加注释：实例&lt;!-- 在此处写注释 --&gt;注释：在开始标签中有一个惊叹号，但是结束标签中没有。浏览器不会显示注释，但是能够帮助记录您的 HTML 文档。您可以利用注释在 HTML 中放置通知和提醒信息：实例&lt;!-- 这是一段注释 --&gt; &lt;p&gt;这是一个段落。&lt;/p&gt; &lt;!-- 记得在...
<a></a>链接的css样式
一个很酷的人
08-02 3901
style type="text/css"> a:link {text-decoration:none;color:blue;} a:hover {text-decoration:underline;color:red;} a:active{text-decoration:none;color:yellow;} a:visited {text
HTML5系列代码：使用标签属性修改文本链接颜色
BLOG域名:programb.blog.csdn.net
06-26 658
link标签定义文档与外部资源的关系。 link标签最常见的用途是链接样式表。 <html> <head> <title>使用标签属性修改文本链接颜色</title> </head> <body link=teal alink=red vlink=silver> <h3>使用标签属性修改文本链接颜色</h3> <a href="后退.html">注意文本颜色前后变化&.
src和href都是链接有啥不一样
山淼的博客
07-05 357
前言 src和href都是用于外部资源的引入，像图片、CSS文件、HTML文件、js文件或其他web页面等。 那么在SRC和HREF之间是否有一个明确的区别呢？在哪些地方或者什么时候应该用SRC还是HREF？我想它们的使用并不是可以随意替换的。 我先给出几个这两个属性的使用例子： 引用css文件时：href=“cssfile.css” 引用js文件时：src=“myscript.js” 引用图片：src=“mypic.jpg” 网站链接：href=“http://www.webpage.com” 它们
简单实现网页换肤功能
weixin_30695195的博客
04-07 348
我发现网上写换肤功能写的有点长，就想想如何更简单方法实现这个功能，于是我自己写了一个。 html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <lin...
刷新页面更换CSS样式表-对网上document.write方式的修正
高山上的鱼
01-19 3665
无意中看到了这样一篇博客刷新页面更换CSS样式表，所以想动手试试能不能满足结果，结果可想而知 var cssname=Math.floor(Math.random()*2+1); document.write(""); …… 该博客的问题在于运用了document.write,而该方法会重写整个页面，而不仅仅是head中的css，所以原来页面中的内容全部消失了，所以这种方法显然是不对的。而
alpine:3.8_使用CSS和Alpine.js的简单颜色主题切换器实现
weixin_26738395的博客
08-27 772
alpine:3.8As we start building a website, at some point we would wonder what will we use as our color theme. In demo sites, they usually provide such feature where user can toggle different color sche...
使用CSS样式表美化网页与实现内容样式分离
1. 多样化的外观效果：CSS提供了丰富的样式选择器和属性，可以实现各种复杂的布局和视觉效果，比如换肤功能，通过切换不同的CSS样式表，即可改变网页的整体风格。 2. 内容与样式的分离：CSS使得内容和表现分离，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值