2011年11月14日
一个网页制作 练习
摘要： html代码部分：<!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; cha 阅读全文
posted @ 2011-11-14 11:22 洅馢小时後 阅读(188) 评论(0) 推荐(0)
2011年11月4日
网页固定宽度布局
摘要： （一个固定宽度div布局）<!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; 阅读全文
posted @ 2011-11-04 13:39 洅馢小时後 阅读(1047) 评论(0) 推荐(0)
网页（1-3-1）动态布局 左右动态 中间固定
摘要： 左右动态，中间固定。中间为100像素，左右宽度为百分比。<!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=& 阅读全文
posted @ 2011-11-04 13:38 洅馢小时後 阅读(496) 评论(0) 推荐(0)
网页布局 左右固定 中间动态
摘要： 左右固定，中间动态。左右为100像素，中间为百分比宽度。<!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=& 阅读全文
posted @ 2011-11-04 13:37 洅馢小时後 阅读(229) 评论(0) 推荐(0)
网页（1-3-1）动态布局
摘要： 左右中间的部分宽度分别为20% 50% 20%. 网页布局呈现出1-3-1的动态布局<!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&q 阅读全文
posted @ 2011-11-04 13:36 洅馢小时後 阅读(446) 评论(0) 推荐(0)
网页布局 右固定，左动态布局
摘要： <!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=utf- 阅读全文
posted @ 2011-11-04 13:34 洅馢小时後 阅读(161) 评论(0) 推荐(0)
变宽度网页布局 左固定 右动态布局
摘要： （左固定，右动态布局 效果图）<!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/htm 阅读全文
posted @ 2011-11-04 13:32 洅馢小时後 阅读(284) 评论(0) 推荐(0)
伸缩面板
摘要： （效果图）准备四个图像在html页面中，首先建立一个spry 折叠式面板html代码部分：<!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-Typ 阅读全文
posted @ 2011-11-04 13:26 洅馢小时後 阅读(634) 评论(0) 推荐(0)
折叠面板
摘要： 折叠面板实现的效果，当鼠标经过时，折叠面板隐藏或展开。（效果图）首先建立一个HTML面板，插入spry可折叠面板。下面就对Tab面板进行设置HTML代码部分：<!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>< 阅读全文
posted @ 2011-11-04 13:21 洅馢小时後 阅读(1025) 评论(0) 推荐(0)
2011年10月17日
"四图像滑动门"单色不固定圆角框
摘要： <!--这一节方法是使用“滑动门”技术。这里希望的是整个顶部和底部都是相同的颜色。使用这种方法注意，虽然宽度可以扩展，但是不能无限扩展，如果超过了总的背景图像的宽度，就会露出底下的背景色了。--><!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 阅读全文
posted @ 2011-10-17 11:28 洅馢小时後 阅读(219) 评论(0) 推荐(0)
下一页