js实现换肤功能的实现主要是通过利用js控制CSS来实现的。大致的实现原理是这样的,
1、先定义一个页面基本样式style.css来确定div的宽高等属性,使得整个页面的DIV元素有一个基本的框架结构。
2、再定义一系列的样式color1.css,color2.css……用来确定DIV元素的背景颜色,边框颜色等等。
3、用JS函数来决定调用哪个样式,并把调进来的样式写进cookie,这样就可以达功能。
例如:我们的页面结构如下:
<div id='header'></div>
<div id='contant'></div>
<div id='footer'></div>
-------------------------------------------
style.css
#header{width:700px;height:120px; margin:0px auto;}
#contant{width:700px;height:400px; margin:0px auto;}
#footer{width:700px;height:200px; margin:0px auto;}
-------------------------------------------
color1.css
#header,#contant,#footer{boder:1px solid #dfaf33;
background-color:#eeeeee;}
-------------------------
本文首发地址:http://www.footya.com/article.php?id=22
ajax xhr 函数整个定义了3种情况:
1:先建立XMLHttpRequest,建立成功以后要在它的后面紧跟着建立一个xhr.overrideMimeType('text/xml')对于该句的解释在天极网找到了这么一段话“如果服务器的响应没有XML
mime-type
header,某些Mozilla浏览器可能无法正常工作。为了解决这个问题,如果服务器响应的header不是text/xml,可以调用其它方法修改该header”。
*本文最先发布于我的官方博客http://www.footya.com/article.php?id=20
一、
●在重构也面之前要做的准备工作:
1.拿一张PSD效果图,必需是PSD的这样的话你就可以自己更加随意的做切片;
2.先把PSD不做切片生成一个网页,起名为index_psd.html(这个页面做参考用);
3. 在准备几个必需的文件夹 images(放图片) 、css(放css样式文件)、js(放js文件);
●准备工作做好以后,先分析整个页面的结构。分析页面的结构要先整体再部分,先看页面中最大的板块是怎样关联的是上下并列还是左右平铺。看清了页面的大板块结构,就可以构建页面最基础的几个区块了。例如我们的页面试上中下结构,这时就可以写:
<div id=”header”></div>//放也面