像博客换背景功能如何实现？

时间：2022-11-16 17:37:25
大家帮我想想怎么才能实现？
用CSS 我不太熟 最好说的详细点～！
用JS 也可以 但不明白如何实现 

对了结贴的时候如果选择没有满意答案  是不是 系统自动就给每 个人平均分配分数了呢？

15 个解决方案

#1

就是写好css文件 选择不同模板引用不同css
无满意答案 分被系统收回

#2

用Div 布局 + CSS 作样式. 具体一两句也说不清楚.

#3

换背景,应该就是换相应的css文件,首先应该有css样式集,然后触发更换背景的事件中用js调用相应的css样式表就可以了,比如蓝色背景调用的是"blue.css",红色背景调用"red.css",具体代码我也不太清楚,只是提供lz个思想,lz查查其他网页有相似功能的源文件就可以了,右键查看源文件,js和css是不会被隐藏的,可以看看他们怎么写的

#4

脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT language=javascript><!--
var pos=10;function initArray(){this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++){this[i]=initArray.arguments[i];}}
var col=new initArray("4b","5b","8b","8b");
col[0]="yellow";col[1]="coral";col[2]="orange";col[3]="red";
col[4]="greenyellow";col[5]="lime";col[6]="turquoise";col[7]="coral";
col[8]="blueviolet";col[9]="violet";
function chgCol(){pos++;if(pos<0||pos>9){pos=0;}document.bgColor=col[pos];
setTimeout("chgCol()",3000);/*这里你可以改变时间间隔.*/
}
var yourwords="不断变化背景色彩";var buffer1=" ";
var buffer2=" ";
var message1=buffer1+yourwords+buffer2;
var dir="left";var speed=150;function pingpong(){
if(dir=="left")
{message2=message1.substring(2,message1.length)+" ";
window.status=message2;setTimeout("pingpong();",speed);message1=message2;
if(message1.substring(0,1)=="*")dir="right";}
else{message2=" "+message1.substring(0,message1.length-2);
window.status=message2;setTimeout("pingpong();",speed);
message1=message2;if(message1.substring(message1.length-1,message1.length)=="*")dir="left";}}//
-->
</SCRIPT>


第二步:把<body>改为
<body bgColor=#ffffff onload="chgCol(); pingpong();">

#5

引用 1 楼 s_liangchao1s 的回复:
就是写好css文件 选择不同模板引用不同css
无满意答案 分被系统收回


1L 你的这个说法  和我当时想的一样  关键是点了之后怎么 替换css啊？
用 js 实现？？？
关键是  <link href="css/common.css" rel="stylesheet" type="text/css">  这句话 可能写在<head></head> 区里吗？
我去试试写在<body><div id="show"> <link href="css/common.css" rel="stylesheet" type="text/css"> </div></body> 这样写好使不？

#6

换背景 
可以理解成
改变 某个DOM对象的属性{比如 改变一个图片的SRC的内容，有些可能要涉及到STYLE属性[css]}

最简单 换CSS{风格调换}
把页面所有元素的STYLE属性全部封装在CSS文件中
页面引用CSS是 LINK标签的 SRC属性所指向的CSS文件
也就是 修改 LINK标签的SRC指向的CSS文件 就调换了页面的格式{当然2个CSS文件要有相同的引用定义}

JS的话{主要用来控制DOM}
A。控制刷新某个DOM对象的某个属性{比如象前面说的改变image的src}
B。供应在刷新时候要使用到的值集合{比如 通过AJAX获取了 一组图片的连接}
C。在指定的逻辑中控制 A{A的值 从 B中获取}{比如 设置每3秒 使用一次A}


163博客是实现的比较经典彻底的

#7

引用 6 楼 KK3K2005 的回复:
换背景
可以理解成
改变 某个DOM对象的属性{比如 改变一个图片的SRC的内容，有些可能要涉及到STYLE属性[css]}

最简单 换CSS{风格调换}
把页面所有元素的STYLE属性全部封装在CSS文件中
页面引用CSS是 LINK标签的 SRC属性所指向的CSS文件
也就是 修改 LINK标签的SRC指向的CSS文件 就调换了页面的格式{当然2个CSS文件要有相同的引用定义}

JS的话{主要用来控制DOM}
A。控制刷新某个DOM对象的某个属性{比如象前面说的改变…



你的这个方法确时很不错～！可是我对DOM的理解还是有问题，比如说html文件可以用DOM解析吗？还是DOM解析的只能是XML？

#8

关注..

#9

关注

#10

哦我想起来了～！我以前做过一个DOM动态添加html元素的例子
可是怎么去修改一个指定的<link href="css/common.css" rel="stylesheet" type="text/css"> 的内容呢？
我先删了它在创建新的试试

#11

用js来替换你页面中的css样式，但是首先你页面中的样式一定都是在css文件中的
否则变化后效果不全

#12

如果用户设置了当前的  样式，下次登录时我们还要保持他之前的设置，
1.用cookie实现  （如果用户删了cookie就会失效）
2.用数据库，我现在就想这么做，数据库中存入css 的路径，用户登录后 查一下  把link 中的href＝<%= cssPath%> 这么做怎么样？
谁有更好的方法可以说一下啊～！～！～！谢谢了～！

#13

替换CSS,其实是跟替换文档中其他元素的属性是一样的,给你个简单例子 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <link id="cssid" href="tmp1.css" type="text/css" rel="stylesheet">

 </HEAD>


 <BODY>

  <img src="夏日香气.PNG"></img>

  <input type="button" name="bt" id="bt1" value="改变css" onclick="changeCss()">

 </BODY>

 <script language="javascript">

 function changeCss(){

     var nowcss = document.getElementById('cssid').href;

	 if(nowcss == 'tmp1.css'){

	     document.getElementById('cssid').href = "tmp2.css";

	 }else{

	     document.getElementById('cssid').href = "tmp1.css";

	 }

     

 }

 </script>

</HTML>



tmp1.css

*{filter: gray}

tmp2.css

随便自己写个效果吧,空的也行,空的就恢复成原样

#14

js 控制css进行切换

#15

13 楼你的代码帮我解决了问题呵呵～～！～！下一个问题就出现在cookie身上了
散分了～！   

#1

就是写好css文件 选择不同模板引用不同css
无满意答案 分被系统收回

#2

用Div 布局 + CSS 作样式. 具体一两句也说不清楚.

#3

换背景,应该就是换相应的css文件,首先应该有css样式集,然后触发更换背景的事件中用js调用相应的css样式表就可以了,比如蓝色背景调用的是"blue.css",红色背景调用"red.css",具体代码我也不太清楚,只是提供lz个思想,lz查查其他网页有相似功能的源文件就可以了,右键查看源文件,js和css是不会被隐藏的,可以看看他们怎么写的

#4

脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT language=javascript><!--
var pos=10;function initArray(){this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++){this[i]=initArray.arguments[i];}}
var col=new initArray("4b","5b","8b","8b");
col[0]="yellow";col[1]="coral";col[2]="orange";col[3]="red";
col[4]="greenyellow";col[5]="lime";col[6]="turquoise";col[7]="coral";
col[8]="blueviolet";col[9]="violet";
function chgCol(){pos++;if(pos<0||pos>9){pos=0;}document.bgColor=col[pos];
setTimeout("chgCol()",3000);/*这里你可以改变时间间隔.*/
}
var yourwords="不断变化背景色彩";var buffer1=" ";
var buffer2=" ";
var message1=buffer1+yourwords+buffer2;
var dir="left";var speed=150;function pingpong(){
if(dir=="left")
{message2=message1.substring(2,message1.length)+" ";
window.status=message2;setTimeout("pingpong();",speed);message1=message2;
if(message1.substring(0,1)=="*")dir="right";}
else{message2=" "+message1.substring(0,message1.length-2);
window.status=message2;setTimeout("pingpong();",speed);
message1=message2;if(message1.substring(message1.length-1,message1.length)=="*")dir="left";}}//
-->
</SCRIPT>


第二步:把<body>改为
<body bgColor=#ffffff onload="chgCol(); pingpong();">

#5

引用 1 楼 s_liangchao1s 的回复:
就是写好css文件 选择不同模板引用不同css
无满意答案 分被系统收回


1L 你的这个说法  和我当时想的一样  关键是点了之后怎么 替换css啊？
用 js 实现？？？
关键是  <link href="css/common.css" rel="stylesheet" type="text/css">  这句话 可能写在<head></head> 区里吗？
我去试试写在<body><div id="show"> <link href="css/common.css" rel="stylesheet" type="text/css"> </div></body> 这样写好使不？

#6

换背景 
可以理解成
改变 某个DOM对象的属性{比如 改变一个图片的SRC的内容，有些可能要涉及到STYLE属性[css]}

最简单 换CSS{风格调换}
把页面所有元素的STYLE属性全部封装在CSS文件中
页面引用CSS是 LINK标签的 SRC属性所指向的CSS文件
也就是 修改 LINK标签的SRC指向的CSS文件 就调换了页面的格式{当然2个CSS文件要有相同的引用定义}

JS的话{主要用来控制DOM}
A。控制刷新某个DOM对象的某个属性{比如象前面说的改变image的src}
B。供应在刷新时候要使用到的值集合{比如 通过AJAX获取了 一组图片的连接}
C。在指定的逻辑中控制 A{A的值 从 B中获取}{比如 设置每3秒 使用一次A}


163博客是实现的比较经典彻底的

#7

引用 6 楼 KK3K2005 的回复:
换背景
可以理解成
改变 某个DOM对象的属性{比如 改变一个图片的SRC的内容，有些可能要涉及到STYLE属性[css]}

最简单 换CSS{风格调换}
把页面所有元素的STYLE属性全部封装在CSS文件中
页面引用CSS是 LINK标签的 SRC属性所指向的CSS文件
也就是 修改 LINK标签的SRC指向的CSS文件 就调换了页面的格式{当然2个CSS文件要有相同的引用定义}

JS的话{主要用来控制DOM}
A。控制刷新某个DOM对象的某个属性{比如象前面说的改变…



你的这个方法确时很不错～！可是我对DOM的理解还是有问题，比如说html文件可以用DOM解析吗？还是DOM解析的只能是XML？

#8

关注..

#9

关注

#10

哦我想起来了～！我以前做过一个DOM动态添加html元素的例子
可是怎么去修改一个指定的<link href="css/common.css" rel="stylesheet" type="text/css"> 的内容呢？
我先删了它在创建新的试试

#11

用js来替换你页面中的css样式，但是首先你页面中的样式一定都是在css文件中的
否则变化后效果不全

#12

如果用户设置了当前的  样式，下次登录时我们还要保持他之前的设置，
1.用cookie实现  （如果用户删了cookie就会失效）
2.用数据库，我现在就想这么做，数据库中存入css 的路径，用户登录后 查一下  把link 中的href＝<%= cssPath%> 这么做怎么样？
谁有更好的方法可以说一下啊～！～！～！谢谢了～！

#13

替换CSS,其实是跟替换文档中其他元素的属性是一样的,给你个简单例子 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <link id="cssid" href="tmp1.css" type="text/css" rel="stylesheet">

 </HEAD>


 <BODY>

  <img src="夏日香气.PNG"></img>

  <input type="button" name="bt" id="bt1" value="改变css" onclick="changeCss()">

 </BODY>

 <script language="javascript">

 function changeCss(){

     var nowcss = document.getElementById('cssid').href;

	 if(nowcss == 'tmp1.css'){

	     document.getElementById('cssid').href = "tmp2.css";

	 }else{

	     document.getElementById('cssid').href = "tmp1.css";

	 }

     

 }

 </script>

</HTML>



tmp1.css

*{filter: gray}

tmp2.css

随便自己写个效果吧,空的也行,空的就恢复成原样

#14

js 控制css进行切换

#15

13 楼你的代码帮我解决了问题呵呵～～！～！下一个问题就出现在cookie身上了
散分了～！   
标签：

相关文章