经常用到的javaScript技术 1 >屏蔽功能类 1.1 屏蔽键盘所有键 <script la […]
表格特效代码全集中
1. 两种细线表格做法
|
1 2 3 4 5 6 7 8 9 10 11 |
<table width="100%" border="1" bordercolor="#000000"> <tr bordercolor="#FFFFFF"> <td>表格边线为1，线色为黑，行线色为白。</td> </tr> </table> <p> <table width="100%" border="0" cellspacing="1" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF">表格边线为0，间距为1，背景色为黑，行背景色为白。</td> </tr> </table> |
2. 立体表格 [c […]
常用flash代码
System.useCodePage = true;//防止乱码 loadVariables(“m […]
经典css框架图
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 |
<title>经典css框架图.htm</title><meta http-equiv="content-type" content="text/html; charset=gb2312"><style> /* CSS Document */ .blank3{margin:0 auto; width:100%; height:3px; font-size:1px;} .blank9{margin:0 auto; width:100%; height:9px; font-size:1px; } .blank6{margin:0 auto; width:100%; height:6px; font-size:1px; } .blank12{margin:0 auto; width:100%; height:12px; font-size:1px; } .blank18{margin:0 auto; width:100%; height:18px; font-size:1px; } .blank25{margin:0 auto; width:100%; height:25px; font-size:1px; } .lineH{margin:0 auto; width:750px; font-size:1px; height:1px;overflow:hidden;background:url(lineH.gif);} .picTable{background:url(bg.gif) #E4FAFB center 70px no-repeat;} .picTable .s1{ height:15px; text-align:left; background:#fff; border:1px solid #3EC9D0; color:#333; padding:3px 0 0 6px;} .picTable .s2{color:#006A71; text-align:center;} .picTable .w1{width:84px; overflow:hidden;} .picTable .w2{width:13px; overflow:hidden;} .picTable .w3{width:42px; overflow:hidden;} .picTable .w4{width:666px; overflow:hidden;} .listTable{line-height:150%; background:#fff;} .listTable .bg1{background:#F9F9F9;} .listTable .bg2{background:#E4FAFB;} .listTable .bg3{background:#EDEDED;} .listTable .bg4{background:#A4F3F8;} </style> <table width="750" border="0" align="center" cellpadding="0" cellspacing="0" class="picTable"> <tr> <td class="w3"></td> <td valign="top" class="w4"> <table width="638" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="w1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="15"></td> </tr> <tr> <td class="s1">德国</td> </tr> <tr> <td height="29" class="s2">第49场</td> </tr> <tr> <td class="s1">瑞典</td> </tr> <tr> <td height="15"></td> </tr> <tr> <td class="s1">阿根廷</td> </tr> <tr> <td height="29" class="s2">第50场</td> </tr> <tr> <td class="s1">墨西哥</td> </tr> <tr> <td height="65"></td> </tr> <tr> <td class="s1">意大利</td> </tr> <tr> <td height="29" class="s2">第53场</td> </tr> <tr> <td class="s1">澳大利亚</td> </tr> <tr> <td height="15"></td> </tr> <tr> <td class="s1">瑞士</td> </tr> <tr> <td height="29" class="s2">第54场</td> </tr> <tr> <td class="s1">乌克兰</td> </tr> </table></td> <td class="w2"><img src="5fedd246a7dca4d3c3a2022c53c0312f_117_files/p1[1].gif" width="13" height="410" /></td> <td class="w1" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="38"></td> </tr> <tr> <td class="s1">49胜</td> </tr> <tr> <td class="s2" height="65">第57场</td> </tr> <tr> <td class="s1">50胜</td> </tr> <tr> <td height="112"></td> </tr> <tr> <td class="s1">53胜</td> </tr> <tr> <td class="s2" height="65">第58场</td> </tr> <tr> <td class="s1">54胜</td> </tr> </table></td> <td class="w2"><img src="5fedd246a7dca4d3c3a2022c53c0312f_117_files/p2[1].gif" width="13" height="410" /></td> <td class="w1" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="80"></td> </tr> <tr> <td class="s1">57胜</td> </tr> <tr> <td class="s2" height="190">第61场</td> </tr> <tr> <td class="s1">58胜</td> </tr> </table> <p><br /> </p> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="table10"> <tr> <td class="s1">61负</td> </tr> </table></td> <td class="w2"><img src="5fedd246a7dca4d3c3a2022c53c0312f_117_files/p3[1].gif" width="11" height="410" /></td> <td class="w1" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="135"></td> </tr> <tr> <td class="s1">61胜</td> </tr> <tr> <td class="s2" height="120"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="table13"> <tr> <td class="s1">冠军</td> </tr> </table></td> </tr> <tr> <td class="s1">62胜</td> </tr> </table> <p><br /> </p> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="table12"> <tr> <td class="s1">三四名</td> </tr> </table></td> <td class="w2"><img src="5fedd246a7dca4d3c3a2022c53c0312f_117_files/p4[1].gif" width="11" height="410" /></td> <td class="w1" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="80"></td> </tr> <tr> <td class="s1">59胜</td> </tr> <tr> <td class="s2" height="190">第62场</td> </tr> <tr> <td class="s1">60胜</td> </tr> </table> <p><br /> </p> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="table11"> <tr> <td class="s1">62负</td> </tr> </table></td> <td class="w2"><img src="5fedd246a7dca4d3c3a2022c53c0312f_117_files/p5[1].gif" width="11" height="410" /></td> <td class="w1" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="38"></td> </tr> <tr> <td class="s1">51胜</td> </tr> <tr> <td class="s2" height="65">第59场</td> </tr> <tr> <td class="s1">52胜</td> </tr> <tr> <td height="112"></td> </tr> <tr> <td class="s1">55胜</td> </tr> <tr> <td class="s2" height="65">第60场</td> </tr> <tr> <td class="s1">56胜</td> </tr> </table></td> <td class="w2"><img src="5fedd246a7dca4d3c3a2022c53c0312f_117_files/p6[1].gif" width="11" height="410" /></td> <td class="w1" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="15"></td> </tr> <tr> <td class="s1">英格兰</td> </tr> <tr> <td height="29" class="s2">第51场</td> </tr> <tr> <td class="s1">厄瓜多尔</td> </tr> <tr> <td height="15"></td> </tr> <tr> <td class="s1">葡萄牙</td> </tr> <tr> <td height="29" class="s2">第52场</td> </tr> <tr> <td class="s1">荷兰</td> </tr> <tr> <td height="65"></td> </tr> <tr> <td class="s1">巴西</td> </tr> <tr> <td height="29" class="s2">第55场</td> </tr> <tr> <td class="s1">加纳</td> </tr> <tr> <td height="15"></td> </tr> <tr> <td class="s1">西班牙</td> </tr> <tr> <td height="29" class="s2">第56场</td> </tr> <tr> <td class="s1">法国</td> </tr> </table></td> </tr> </table> <td class="w3"></td> </tr> </table> |
swf文件及css特效字
<head><meta http-equiv=”content-typeR […]
cssbutton
[code]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML […]
滚动条
<meta http-equiv=”content-type” content= […]
CSS基本布局16例
文章地址：[url]http://www.w3cn.org/article/layout/2004/55.ht […]
常用css
Rubrik 为了控制div#main中的元素，你可以在CSS代码中使用相关的的选择器，例如: div#mai […]
CSS文字特效
CSS文字特效 ■CSS文字特效： 文字陰影效果： Filter:Shadow(color=Value;Di […]
css样式表的优先级别演示
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!-- 可以看出直接重定义标签样式的有效性是最低的, 其次是用"."定义的伪类, 再次是用重定义标签加伪类的方式(类似于H2.myclass{color:blue}的写法),级别最高的就是用id定义的css样式--> <html> <head> <style> H1{color:red; } .myclass{color:green} H2.myclass{color:blue} #myid{color:brown} </style> </head> <body> <h1>这是红色的一号标题。</h1> <p class="myclass">使用了"myclass"伪类的P标签中的正文是绿色的。</p> <h2 class="myclass">但"myclass"类中的二号标题是蓝色的,因为H2.myclass{color:blue}重写了myclass伪类。</h2> <p class="myclass" id="myid">以"myid"为标识的正文则是棕色的,这个是优先级别最高的。</p> </body> </html> |
非常精典的表格隔行变色CSS应用
以往在我们进行网页设计制作表格隔行换色的手法通常是通过手工定义或通过代码循环行数来定义颜色，前者的方法通常应用 […]
WEB 制作1px边框表格的几种方法
制作1px边框表格的几种方法 有过网页制作经验的朋友一定知道：一般来讲，把表格的边框定义为1px时，即bord […]
如何在网页中插入CSS
前两章我们了解了CSS的语法，但要想在浏览器中显示出效果，就要让浏览器识别并调用。当浏览器读取样式表时，要依照 […]
CSS伪类——动态链接
伪类可以看做是一种特殊的类选择符，是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接 […]
css语法
1. 基本语法 CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性 […]
巧用CSS的Border属性制作特效菜单
许多应用软件的主菜单都具有这样的效果，通常是暗色的，一旦鼠标移到菜单上，立即变明亮；鼠标不在菜单上时是平面 […]
巧用CSS制作树状目录
索易电子杂志大多采用树状目录，当鼠标点击主目录时，展开子目录；当再次点击主目录时，则关闭子目录。显得简捷明快， […]
CSS滤镜
1、概述 好了，下面我们将进入CSS的最精彩的部分–滤镜，它将把我们带入绚丽多姿的多媒体世界。正是 […]
CSS属性列表
[table=95%][tr][td=1,1,32%]属性名称 字体属性（Font） font-family […]
事件触发列表与解说
[table=98%][tr][td=3,1]<span style=”color:#990 […]
CSS实用教程
CSS（Cascading Stylesheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的 […]
实现页面图片阴影特效
给图片加上阴影效果可以使图片更具有立体感，下面介绍三种制作方法： 第一种 利用图象编辑软件 最常用的图象编辑软 […]
代码换肤术——C#和VB
代码换肤术——C#和VB 现在流行程序“换肤术”，就是把操作界面变个样子，程序当然还是原来的程序。代码的移植也 […]
vb.net和c#语法比较
vb.net和c#语法比较 由于一些人对vb.net和c#选择方面存在一些困惑，其实只是语法习惯问题，我把它们 […]