摘要: js实现换肤功能的实现主要是通过利用js控制CSS来实现的。大致的实现原理是这样的,1、先定义一个页面基本样式style.css来确定div的宽高等属性,使得整个页面的DIV元素有一个基本的框架结构。2、再定义一系列的样式color1.css,color2.css……用来确定DIV元素的背景颜色,边框颜色等等。3、用JS函数来决定调用哪个样式,并把调进来的样式写进cookie,这样就可以达功能。例如:我们的页面结构如下:1<divid="header"></div>2<divid="contant"></div& 阅读全文
posted @ 2012-07-23 09:22 vivianlai 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 书法 明月几时有,把酒问青天李白 月下独酌张九龄 望月怀远海上生明月,天涯共此时原文出处http://www.oldkids.cn/blog/blog_con.php?blogid=58995 阅读全文
posted @ 2012-07-09 11:28 vivianlai 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 当图片+内容这种格式时,采用该图片作为背景图,文字设置padding-left:16px<p style=\"width: 480px;\" class=\"p-comment\">" + taskContent + "</p> .p-comment{ background: url("/oasisdashboard-portlet/view/img/comment.png") no-repeat; padding-left: 19px; display:block; word-wrap: 阅读全文
posted @ 2012-06-01 14:06 vivianlai 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 作者:chilleen來源:千一網絡時間:2006-12-24預備知識:offsetTop、offsetLeft、offsetWidth、offsetHeight我們知道 offsetTop 可以獲得 HTML 元素距離上方或外層元素的位置,style.top 也是可以的,二者的區別是:一、offsetTop 返回的是數字,而 style.top 返回的是字符串,除了數字外還帶有單位:px。二、offsetTop 只讀,而 style.top 可讀寫。三、如果沒有給 HTML 元素指定過 top 樣式,則 style.top 返回的是空字符串。offsetLeft 與 style.left、o 阅读全文
posted @ 2012-05-23 10:15 vivianlai 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好ol 有序列表。<ol><li>……</li><li>……</li><li>……</li></ol>表现为:1……2……3……ul 无序列表,表现为li前面是大圆点而不是123<ul><li>……</li><li>……</li></ul>很多人容易忽略 dl dt dd的用法dl 内容块dt 内容块 阅读全文
posted @ 2012-05-21 10:16 vivianlai 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 给大家说说兼容多浏览器的Div高度自动伸展的效果。普通的Div都可以自动延伸,但让Div有一个固定高度,在内容增多时自动伸展,并且兼容多浏览器该怎么做呢?很简单,代码如下:?.div { width:200px; height:200px; height:auto; min-height:200px; }这段CSS代码是利用CSS书写顺序和浏览器的特殊兼容性改变其对CSS的解析做到的,它可以在IE6、IE7、Firefox等浏览器中正常显示。下面来解释一下:height:200px定义了div的高度为200像素,这句代码对所有浏览器有效。但div的内容超过200像素时,IE6浏览器中的容器会自 阅读全文
posted @ 2012-04-26 11:51 vivianlai 阅读(355) 评论(0) 推荐(0) 编辑
摘要: span不能继承外面的a,只能span里面的a继承span的属性SPAN块,A应该在SPAN里,这样才对!只能是A继承SPAN!!补充:朋友的问题应该这样!<span><a class="a"></span> 阅读全文
posted @ 2012-04-18 09:59 vivianlai 阅读(169) 评论(0) 推荐(0) 编辑
摘要: width:auto; right:10px; left:205px; position: absolute;通过这个可以把宽度自扩展到最大 阅读全文
posted @ 2012-04-17 10:36 vivianlai 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 转自:http://www.techbang.com/posts/3928-moving-a-label-is-working-on-mobile-version-of-website用手機上網正夯,但是有些網站會無法正常顯示,因為這些網頁是設計給電腦上觀看,如果網頁開發者沒有考慮到手機的裝置特性以及人們的閱讀習慣,就無法設計出手機上方便閱讀的網頁。說的簡單,但是要把既有網頁砍掉重練、再移植到手機上是一門大工程, 筆者歸類四大方向給網頁開發人員參考。▲供手機瀏覽的網頁可不只是「把版面縮小就好」那麼簡單,瀏覽器版本跟CSS語法也有大不同。一、與電腦共用同一套網頁這裡的與電腦共用網頁,指的是電腦用 阅读全文
posted @ 2012-04-16 10:26 vivianlai 阅读(982) 评论(0) 推荐(0) 编辑
摘要: CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个i 阅读全文
posted @ 2012-04-12 14:10 vivianlai 阅读(150) 评论(0) 推荐(0) 编辑