DIV+CSS

DIV+CSS

百度首页 | 百度空间

文章列表

DIV+CSS布局网页页面实现多风格选择的方法(CSS换肤)

2008-07-23 16:17

1. styleswitcher.js

function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}

function getActiveStyleSheet() {
var i, a;
for

类别：div+css | 评论(0) | 浏览()

分页代码 web 2.0风格的分页代码

2008-06-04 11:38

<!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=gb2312" />
<title>css+div 分页代码</title>

类别：div+css | 评论(0) | 浏览()

固定头和底，中间部分自适应

2008-06-04 11:00

<!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=gb2312" />
<title>无标题文档</title>

类别：div+css | 评论(0) | 浏览()

百分百高度.htm

2008-06-01 16:38

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title></title>
    <style type="t

类别：div+css | 评论(0) | 浏览()

2008-05-16 09:44

ul: unordered lists
ul: ordered lists
ul: Lists

ol 有序列表。

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
　　表现为：

1……
2……

类别：div+css | 评论(0) | 浏览()

2008-04-27 16:03

<tr onmouseover="this.className='left_listdv1_tr2'" onmouseout="this.className='left_listdv1_tr3'">

类别：div+css | 评论(0) | 浏览()

css方法解决高度100%自适应的方法

2008-04-25 17:29

原文地址：http://bbs.blueidea.com/viewthread.php?tid=2818595&extra=page%3D1%26amp%3Bfilter%3Drate

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-str

类别：div+css | 评论(0) | 浏览()

div+css实现Firefox与IE6兼容的手形鼠标指针

2008-04-11 09:55

style="cursor: pointer;"

<div style="cursor: hand;">显示手形鼠标指针，IE6 only</div>

<div style="cursor: pointer;">显示手形鼠标指针，Firefox IE6兼容</div>

类别：div+css | 评论(0) | 浏览()

两行文字对齐的解决方法

2008-04-02 15:26

写在前面:其实也是看网上有位大侠写得,才有所知.

两行文字对齐的解决方法
<head>
<style>
.justify{
width:100px;
text-align:justify;
text-justify :distribute-all-lines;
}
</style>

.two{font-size:12px;font-weight:normal;color: #333333;line-height:25px;width:690;text-align:justify;text-justify:inter-ideograph}

类别：div+css | 评论(0) | 浏览()

用层相对定位的方法

2008-03-28 17:34

<div style="position: relative;">
<div style="background: transparent url(s_imagess/shop.gif) no-repeat scroll 0pt; position: absolute; top: 2px; left: 444px; text-indent: -9999px; width: 27px; height: 25px; background-image: url(s_images/shop.gif); visibility: visible; z-index: 0;">购</div>
</div>

淘宝上面的：抢的效果（另外＋的图片）用层相对定位的方法

<div style="position: relative;">

类别：div+css | 评论(0) | 浏览()

个人档案

zqtomorrow
男
上次登录：
2天前

加为好友

最新照片

友情链接

百度搜索

其它

已有人次访问本空间

什么是RSS？

最近访客



EASY128	s1ihome
butoo	jiangzixiang
wisdomqq	haiyang0821
Solitude_yy	hpze2000

©2008 Baidu