网页特效
CSS滤镜效果收集(全) (2009-9-16)
在CSS样式中，提供了filter（滤镜效果），它可以对文字、图片、表格等确定范围的HTML标记设置滤镜效果。使用时候应该注意一点的是，在现在的网页布局中，往往是在div上附加滤镜的，如果单单的在html代码里面给div设置一个id，这样子滤镜是不会有作用的，必须要咋style或者css中定义这个id属性..
用CSS来实现鼠标翻转的特效代码 (2008-5-10)
<!--把下列代码加入到head区内-->需要两个图片：menu.jpg，menuover.jpg <style> .menulista{ color:black;display:block;width:170px;height:20px;padding-left:5px;padding-top:1px;margin-bottom:5px;background-image:url(/js/menu.jpg);background-repeat:no-repeat;ba..
鼠标移到图片给图片加边框的CSS代码 (2008-5-10)
<!--把下列代码加入到head区内--><style> .highlightitimg{border:1pxsolid#ccc;} .highlightit:hoverimg{border:1pxsolidnavy;} .highlightit:hover{color:red;/*DummydefinitiontoovercomeIEbug*/} </style> <!--把下列代码加入到body区内--><ahref=..
用CSS改变的图片由模糊到清楚的导航 (2008-5-10)
<!--把下列代码加入到head区内--><style>.highlightitimg{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:0.5;} .highlightit:hoverimg{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;} </style> ..
CSS制作的文字加框的导航菜单 (2008-5-10)
<!--把下列代码加入到head区内--><style>#tablist{padding:3px0;margin-left:0;margin-bottom:0;margin-top:0.1em;font:bold12pxVerdana;border-bottom:1pxsolidgray;} #tablistli{list-style:none;display:inline;margin:0;} #tablistlia{text-decoration:none;padding:3px0.5em;..
鼠标指向有背景的CSS导航菜单 (2008-5-10)
<!--把下列代码加入到head区内--><style>#borderlinksa{padding-left:4px;display:block;width:150px;color:black;text-decoration:none;border:1pxsolidwhite;} #borderlinksa:hover{border:1pxsolidblack;background-color:lightyellow;}</style> <!--把下列代码加入到b..
兰色背景变换的CSS导航菜单 (2008-5-10)
<!--把下列代码加入到head区内--><style>#button{width:150px;border-right:1pxsolid#000;padding:001em0;margin-bottom:1em;font-family:'TrebuchetMS','LucidaGrande',Arial,sans-serif;font-size:90%;background-color:#90bade;color:#333;} #buttonul{list-style:none;margi..
css设置的下拉菜单 (2008-5-10)
<!--把下列代码加入到head区内--><styletype="text/css"> #cssdropdown,#cssdropdownul{padding:0;margin:0;list-style:none;} #cssdropdownli{float:left;position:relative;} .mainitems{border:1pxsolidblack;background-color:#FFEEC6;} .mainitemsa{margin-left:..
CSS制作的导航菜单代码 (2008-5-10)
<!--把下列代码加入到head区内--><styletype="text/css"> #coolmenu{border:1pxsolidblack;border-bottom-width:0;width:170px;background-color:#E6E6E6;} *html#coolmenu{width:164px;} #coolmenua{font:bold13pxVerdana;padding:2px;padding-left:4px;display:block;wi..
背景图片居中显示(HTML,CSS技巧) (2008-5-10)
<!--把如下代码加入<head>区域中--><STYLETYPE="text/css"><!--BODY{background-image:URL(http://img.wysjs.cn/img/knowskylogo.gif);background-position:center;background-repeat:no-repeat;background-attachment:fixed;}--></STYLE>
一个非常cool的CSS与链接方面的特效 (2008-5-10)
<!--把如下代码加入<body>区域中--><STYLEtype=text/css>BODY{COLOR:#396B84;FONT-FAMILY:'Verdana';FONT-SIZE:9pt;FONT-STYLE:normal;LINE-HEIGHT:130%;TEXT-DECORATION:none;CURSOR:url('http://www.w..
普通的导航链接条，但是加了CSS效果 (2008-5-10)
<!--把如下代码加入<body>区域中--><style>A.menulink{display:block;width:198px;text-align:left;text-decoration:none;font-family:arial;font-size:12px;color:#000000;BORDER:none;border:solid1px#FFFFFF;} A.menulink:hover{border:solid1px#6100C1;backg..
根据不同的浏览器调用不同的CSS设置 (2008-5-10)
<!--把如下代码加入<body>区域中--><center><tableborder=5bordercolor=blueborderlight=green><tr><tdalign=centerwidth=450height=194><palign="left"><b><fontcolor="#3333FF">代码如下：<br></font></b>代码如下..
点击链接调用不同的CSS效果，操作是非常方便的 (2008-5-10)
<!--把如下代码加入<body>区域中--><linkrel="stylesheet"href="/js/css/style_1.css"><linkrel="stylesheet"href="/js/css/style_2.css"><linkrel="stylesheet"href="/js/css/style_3.css"><linkrel="stylesheet"href="/js/css/style_4.css">&l..
CSS使用大全，想学习或者了解CSS的网友一定不可错过 (2008-5-10)
<!--把如下代码加入<body>区域中--><style>IMG{border:2pxsolidblack}BODY{margin:0;background:white;font-family:verdana;font-size:80%;}.bar{background:#336699;width:100%;height:30px;border-top:1pxsolid#99CCFF;border-bottom:1pxsolid#000000;}.desbar{backgr..
用鼠标感应来改变某个按钮的CSS属性 (2008-5-10)
<!--把如下代码加入<body>区域中--><inputtype="button"value="移过来试试"style="border:1blacksolid;background:#f4f4f4"onmouseover="tst(this,'red','#ffffff')"onmouseout="tst(this,'black','#f4f4f4')"><script>functiontst(obj0,obj1,obj2){obj0.style.bor..
用点击来改变文字或者图片的CSS属性,挺有用 (2008-5-10)
<!--把如下代码加入<body>区域中--><style>.ft{font-family:Arial;font-size:20px}</style><aclass=ftonClick="f();">ABCDE</a><script>functionf(){document.styleSheets[0].cssText=".ft{font-family:Arial;font-size:10px}"}</script&..
用CSS滤镜打开图片的各种效果,很有用 (2008-5-10)
<!--把如下代码加入<body>区域中--><scriptfor=windowevent=onLoadlanguage=vbscript>image1.filters.item(0).apply()image1.filters.item(0).transition=10image1.Style.visibility=""image1.filters(0).play(2.0)image2.filters.item(0).apply()image2.filters.item(0).trans..
Java Applet编程小技巧之文字显示 (2008-5-10)
显示文字是Java中最基本的功能，使用非常简单的方式来支持文字的显示，只要使用类Graphics中的drawString()函数就能实现。我们来看最简单的ghq例子： //ghq.javaimportjava.awt.*;importjava.applet.*;publicclassghqextendsApplet{ Stringtext="ghqisastudent!"; publicvoidpaint(G..
Java Applet程序设计基础 (2008-5-10)
JavaApplet是用Java语言编写的一些小应用程序，这些程序是直接嵌入到页面中，由支持Java的浏览器(IE或Nescape)解释执行能够产生特殊效果的程序。它可以大大提高Web页面的交互能力和动态执行能力。包含Applet的网页被称为Java-powered页，可以称其为Java支持的网页。 当用户访..
您当前的位置：