Hi,网页设计师综合门户欢迎您!
设为首页  加为收藏  我要投稿找回密码免责声明意见反馈

招聘精英个人求职推广网站网友作品网页特效动画欣赏网页素材酷站欣赏源码下载设计软件

  • 全站搜索
  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师提供网页设计、网站程序开发、系统开发等,请联系QQ 103198680

 您当前的位置:首页 > 网页特效
欢迎访问网页设计师综合门户(www.wysjs.cn) 
分类导航    显示全部  
  •   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支持的网页。   当用户访..