网页特效
一个用纯CSS制作的网页下拉菜单 (2008-5-10)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"[<!ELEMENTa(#PCDATA|table)*>]><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"><head><metahttp-equiv="C..
用CSS制作的很不错的简洁的网页导航下拉菜单 (2008-5-10)
<styletype="text/css"> /*Credits:DynamicDriveCSSLibrary*//*URL:<ahref="http://www.dynamicdrive.com/style/"target="_blank">http://www.dynamicdrive.com/style/</a>*/ .suckertreemenuul{margin:0;padding:0;list-style-type:none;} /*Toplevelli..
用CSS实现文字垂直居中的代码 (2008-5-10)
<styletype="text/css"><!--.con_div{width:400px;height:300px;border:1pxsolid#777;text-align:center;display:table-cell;vertical-align:middle;background:red;color:#fff}/*FORIE*/.knowsky{width:0;height:100%;display:inline-block;vertical-align:middle;}--></style..
CSS实现的网页中文字排版的几种方式 (2008-5-10)
1.文字倒排（逆时针转90度）<br><br><spanstyle="font-family:@宋体;color:red">尽人事顺天命</span><br><br>2.文字正写竖排,中文竖排，从右往左读<br><br><divstyle="layout-flow:vertical-ideographic;height:399;float:right;">在暗蓝..
一个相当简单的网站横向导航菜单特效 (2008-5-10)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;chars..
纯CSS实现的鼠标经过文本时提示的信息 (2008-5-10)
<aclass="tooltips"href="#tooltips">这就是Tooltips<span>正是你见到的，这些附加的说明文字是在鼠标经过的时候显示。</span></a><styletype="text/css">/*Tooltips*/.tooltips{position:relative;/*这个是关键*/z-index:2;}.tooltips:hover{z-index:3;backgr..
用CSS区分浏览器Firefox、IE6、IE7的特效代码 (2008-5-10)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;chars..
符合标准的水平向上竖弹三级导航菜单特效代码 (2008-5-10)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;chars..
用CSS制作的超漂亮实用的网页按钮 (2008-5-10)
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>CSS实现的几个非常漂亮的按钮</title><style>.btn{BORDER-RIGHT:#7b9ebd1pxsolid;PADDING-RIGHT:2px;BORDER-TOP:#7b9ebd1pxsol..
CSS制作的一款非常简单的韩国风格菜单 (2008-5-10)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/&..
DIV CSS打造背景图片超级翻转网页导航菜单 (2008-5-10)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;chars..
纯CSS制作的超酷的网站横向导航菜单(网页特效) (2008-5-10)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;chars..
效果非常不错的DIV+CSS布局的网页导航 (2008-5-10)
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;chars..
网页特效代码：符合标准的横向弹出菜单 (2008-5-10)
<!DOCTYPEhtmlPUBliC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="
对textarea区的各种操作按钮，非常全 (2008-5-10)
<!--把如下代码加入<body>区域中--><scriptlanguage=Jscript>functionrun(obj){if(f1.code.value==''||f1.code.value==''){alert("您需要运行的代码为空!");obj.focus()}else{varwinEx=window.open("","winEx","width=400,height=300,resizable=yes,top=0,left=0");win..
对选择按钮的判断，选择不同就会有不同的内容提示 (2008-5-10)
<!--第一步:把如下代码加入<body>区域中--><SCRIPTLANGUAGE="javascript"> <!--Begin functiongetInfo(){ doyou=confirm("考虑一下选择哪个哟?(OK=YesCancel=No)");//Yourquestion. if(doyou==true) alert("呵呵，你选择了'Yes..
黑色星期五搜索器 (2008-5-10)
<!--第一步:把如下代码加入<body>区域中--><style> #InternalDiv{position:relative;width:250px;height:1px;color:blue;background-color:#FDF5E6;border-style:double;border-color:blue;padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:5px;margin..
一棵非常漂亮的圣诞树，是用程序做成的 (2008-5-10)
<!--把如下代码加入<body>区域中--><STYLE> BLOCKQUOTE{font-weight:900;line-height:0.75em} </STYLE><BLOCKQUOTE><FONTCOLOR=YELLOW><CENTER> *<BR> ***<BR> **<..
左侧的隐藏菜单，点击后显示下拉分级菜单的内容 (2008-5-10)
<!--把如下代码加入<body>区域中--><html> <head> <title>webreference</title> <scriptlanguage="javascript1.2"type="text/javascript"> varmaxmnus=5 functionopTab(){ varmnu=document.getElementById("menubar"..
桌面图标的排列，体现wingdings字体的超强功能 (2008-5-10)
<!--第一步：把如下代码加入<body>区域中--><script>//桌面图标距离与菜单效果ico_top=10;ico_left=10;ico_bottom=30;ico_x=65;ico_y=65;functionsetico(){/*Haiwa@20:452002-8-26*/divCount=document.all.ico.all.tags("DIV");for(i=0;i<divCount.length;i++){obj=div..
您当前的位置：