css点击样式切换,css点击切换内容

一个按钮切换两个css样式

按钮绑定一个点击事件，只是改变少量的样式使用$(".div").css("background","red");即可，如果是整个页面改变，就需要用到页面样式写缓存或数据库，重新加载页面来判断用户选择了那个样式，然后显示不同的样式加载

网站设计制作过程拒绝使用模板建站；使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统；做网站、成都网站建设收费合理；免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了10余年的成都创新互联网站建设公司。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：a:visited {color: blueviolet;}。

3、浏览器运行index.html页面，此时超链接文本单击后的样式被设置了文字紫色颜色。

CSS3 有一个 :target 属性

这是一个简单的DEMO 高级用法可以再百度搜索：

!DOCTYPE html

html

head

style

:target {

border: 2px solid #D4D4D4;

background-color: #e5eecc;

}

/style

/head

body

h1This is a heading/h1

pa href="#news1"Jump to New content 1/a/p

pa href="#news2"Jump to New content 2/a/p

pClick on the links above and the :target selector highlight the current active HTML anchor./p

p id="news1"bNew content 1.../b/p

p id="news2"bNew content 2.../b/p

pbNote:/b Internet Explorer 8 and earlier versions do not support the :target selector./p

/body

/html

标题名称：css点击样式切换,css点击切换内容
当前路径：http://shouzuofang.com/article/dsihgjh.html