-
[Web前端] CSS实现多种样式垂直导航菜单2 日期:2015/12/1 11:15:00点击:1116来源:互联网
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="Copyright" content="www.flyso.cn - http...
-
[Web前端] CSS实现多种样式垂直导航菜单1 日期:2015/12/1 11:15:00点击:1086来源:互联网
<!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"> <head> <title>www.flyso.cn---垂直导航菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name=...
-
[Web前端] CSS实现下拉菜单效果3 日期:2015/12/1 11:12:00点击:951来源:互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml<...
-
[Web前端] CSS水平下拉菜单 日期:2015/12/1 11:11:00点击:1050来源:互联网
<!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-8" /> <title>www.flyso.cn--水平下拉菜单</title> <style type="text/cs...
-
[Web前端] CSS下拉导航菜单效果 日期:2015/12/1 11:11:00点击:932来源:互联网
<!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>www.flyso.cn--CSS下拉菜单演示</title> <style type="tex...
-
[Web前端] CSS实现超漂亮按钮 日期:2015/12/1 10:46:00点击:1006来源:互联网
<html><HEAD>< STYLE> .btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid } .btn1_mo...
-
[Web前端] 实现多彩文字超链接 日期:2015/12/1 10:46:00点击:1133来源:互联网
<!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">< head>< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />< meta name="Keywords" content="多彩文字,Multi Colore...
-
[Web前端] Clear的用法 日期:2015/12/1 10:45:00点击:1284来源:互联网
clear=right时的效果:<img src="myfile/pic/plmm.jpg" width="120" height="117" alt="****" align="left" hspace="12" vspace="8" />< p>;text,text,text,text,text,text,text,text,text,etc</p>< br clear=right>< p>;New heading here</p>clear=left时的效果:<img src="myfile/pic/plmm.jpg" width=...
-
[Web前端] 按钮式超链接效果 日期:2015/12/1 10:45:00点击:1038来源:互联网
<html><HEAD><TITLE>效果演示</TITLE>< META http-equiv=Content-Type content="text/html; charset=gb2312">< style> A{font-size:12px;PADDING: 3px;BACKGROUND-COLOR: #dbe8f2;TEXT-DECORATION: none} A:link { BORDER-RIGHT: #5e8aca 1px solid; BORDER-TOP: #A0C0EE 1px solid; MARGIN: 0px; BORDER-LEFT: #A0C0EE 1px solid;COLOR: #0E4279;BORDER-BOTTOM: #5e8aca 1px soli...
-
[Web前端] 实现文字的自动隐藏,控制文字长度 日期:2015/12/1 10:44:00点击:1024来源:互联网
关键样式:table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)white-space: nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 (For IE,Mozilla)代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://...
-
[Web前端] 控制图片宽度 日期:2015/12/1 10:43:00点击:1226来源:互联网
<img src="myfile/pic/plmm.jpg" border="0" onload="javascript:if(this.width>170){this.width=170};">
-
[Web前端] DIV布局测试 日期:2015/12/1 10:43:00点击:1047来源:互联网
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">< HTML>< HEAD>< TITLE>DIV布局测试</TITLE>< style> div { height:150px; } div.left { width:20%; float:left; clear:right; background-color:#eeeeee; } div.center { width:50%; float:left; clear:right; background-color:#CCCCCC; } div.right { width:30%; float:l...
-
[Web前端] 一张图完成的导航条效果 日期:2015/12/1 10:42:00点击:948来源:互联网
<!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>www.flyso.cn---用CSS实现的一张图完成的导航条</title>< style...
-
[Web前端] 链接样式表 日期:2015/12/1 10:42:00点击:1142来源:互联网
<!--变色并带下滑线的超链接效果-->< style type="text/css"> body { font:12px "Verdana"; filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100); background-color:#3366cc; } a:link { color:#FFFFFF; font-size:12px; text-decoration:none; } a:visited { color:#FFFFFF; font-size:12px; text-decoration:none; } a:hover { color:#FFFF00; font-size:12px; border-bottom:...
-
[Web前端] 全选 checkbox 复选框 日期:2015/11/30 11:27:00点击:1090来源:互联网
<script>var checkflag="false";function check(field){if(checkflag=="false"){for(i=0;i<field.length;i++){field[i].checked=true;}checkflag="true";return "解除全选"; }else {for(i=0;i<field.length;i++) {field[i].checked=false;}checkflag="false";return "选择全部";}}</script><form name=myform action="" method=post...
-
[Web前端] 三级联动菜单 日期:2015/11/30 11:27:00点击:1073来源:互联网
<TITLE>三级联动</TITLE><STYLE>body { font-size: 11px; font-family: Verdana;background:#ececec;color:#666666;}select { font-size: 11px; font-family: Verdana;vertical-align: middle;margin: 3px;background:#ececec;color:#666666;}</STYLE><div id="tar"> </div><script>var createDate = "2003.8.19";</script><SCRIPT LANGUAGE="JavaS...
-
[Web前端] 运行代码窗口是如何产生的 日期:2015/11/30 11:26:00点击:1108来源:互联网
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>runcode</title></head><body><script language="JavaScript" type="text/JavaScript">//运行文本域代码function runEx(cod1){cod=document.all(cod1)var code=cod.value;if (code!=""){var newwin=window.open('','...
-
[Web前端] 对联广告代码一 日期:2015/11/30 11:26:00点击:1076来源:互联网
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>对联广告 - 51windows.Net</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body style="margin:0px;"><div align="center"><center><table border="1" width="776...
-
[Web前端] 鼠标划过时整行变色 日期:2015/11/30 11:26:00点击:977来源:互联网
<script>function overIt(){var the_obj = event.srcElement;if(the_obj.tagName.toLowerCase() == "td"){the_obj=the_obj.parentElement;the_obj.oBgc=the_obj.currentStyle.backgroundColor; the_obj.oFc=the_obj.currentStyle.color;the_obj.style.backgroundColor='red';the_obj.style.color='blue';the_obj.style.textDecoration='underline';}}function outIt(){var the_obj = eve...
-
[Web前端] 通过JavaScript 获取 该对象 的 所有 属性和值 日期:2015/11/27 23:37:00点击:1052来源:互联网
varattArr=document.getElementById("c1_8616666774").attributes; vararr=[]; for(variinattArr){ if(!isNaN(parseInt(i))){ arr.push(attArr[i].name+"="+attArr[i].nodeValue); } } alert(arr.join("&"));