博客园-lulupinghttp://www.cnblogs.com/luluping/zh-cnThu, 28 Aug 2008 11:17:30 GMTThu, 28 Aug 2008 11:17:30 GMT60Hoverbox.--鼠标经过图片显示大图http://www.cnblogs.com/luluping/archive/2008/07/25/1251727.htmllinFenlinFenFri, 25 Jul 2008 13:43:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251727.htmlhttp://www.cnblogs.com/luluping/comments/1251727.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251727.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251727.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251727.htmlhttp://www.cssrain.cn/article.asp?id=29

[新闻]惠普139亿美元完成对EDS的收购]]>圆角效果.--带阴影http://www.cnblogs.com/luluping/archive/2008/07/25/1251725.htmllinFenlinFenFri, 25 Jul 2008 13:41:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251725.htmlhttp://www.cnblogs.com/luluping/comments/1251725.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251725.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251725.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251725.htmlhttp://www.cssrain.cn/article.asp?id=31

[新闻]惠普139亿美元完成对EDS的收购]]>教你怎么样用CSS和图片做搜索框.http://www.cnblogs.com/luluping/archive/2008/07/25/1251724.htmllinFenlinFenFri, 25 Jul 2008 13:40:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251724.htmlhttp://www.cnblogs.com/luluping/comments/1251724.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251724.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251724.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251724.html
搜索框是一个网站必不不可少的成分，他的美观度直接决定着网站的用户体验。
所以美化搜索就很重要了。

这里有两种方法。整个形象，可以成为背景，并以透明的gif可以定位该地区代表提交按钮，或者，提交图形，可以切分开。这个举例来说，我更喜欢分开的,因为他的灵活性更高。


XHTML:
<div id="search_box">
<form id="search_form" method="post" action="/">
<input type="text" id="s" value="Search" class="swap_value" />
<input type="image" src="images/btn_search_box.gif" width="27" height="24" id="go" alt="Search" title="Search" />
</form>
</div>

 

 

 


本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=78



[新闻]惠普139亿美元完成对EDS的收购]]>几款简洁的表单http://www.cnblogs.com/luluping/archive/2008/07/25/1251721.htmllinFenlinFenFri, 25 Jul 2008 13:39:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251721.htmlhttp://www.cnblogs.com/luluping/comments/1251721.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251721.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251721.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251721.html在线演示1
Download(1)
在线演示2
在线演示3
在线演示4
Download(2,3,4)

本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=52



[新闻]惠普139亿美元完成对EDS的收购]]>css气球显示信息http://www.cnblogs.com/luluping/archive/2008/07/25/1251720.htmllinFenlinFenFri, 25 Jul 2008 13:37:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251720.htmlhttp://www.cnblogs.com/luluping/comments/1251720.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251720.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251720.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251720.htmlhttp://www.cssrain.cn/article.asp?id=48

[新闻]惠普139亿美元完成对EDS的收购]]>web2.0常用配色.http://www.cnblogs.com/luluping/archive/2008/07/25/1251719.htmllinFenlinFenFri, 25 Jul 2008 13:33:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251719.htmlhttp://www.cnblogs.com/luluping/comments/1251719.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251719.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251719.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251719.html<head>
        <title>web2.0 color</title>
        <style type="text/css">
        body{
        margin:20px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:12px;
                text-align:center;
        }
        .style1{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #96C2F1;
        background-color: #EFF7FF
        }
        .style1 h5{
        margin: 1px;
        background-color: #B2D3F5;
        height: 24px;
        }
       
        .style2{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #9BDF70;
        background-color: #F0FBEB
        }
                .style2 h5{
        margin: 1px;
        background-color: #C2ECA7;
        height: 24px;
        }
       
        .style3{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #BBE1F1;
        background-color: #EEFAFF
        }
       
        .style4{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #CCEFF5;
        background-color: #FAFCFD
        }
       
        .style5{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #FFCC00;
        background-color: #FFFFF7
        }
       
        .style6{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #92B0DD;
        background-color: #FFFFFf
        }
        .style6 h5{
        margin: 1px;
        background-color: #E2EAF8;
        height: 24px;
        }
       
        .style7{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #A9C9E2;
        background-color: #E8F5FE
        }
       
        .style8{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #E3E197;
        background-color: #FFFFDD
        }
       
        .style9{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #ADCD3C;
        background-color: #F2FDDB
        }
       
        .style10{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #F8B3D0;
        background-color: #FFF5FA
        }
       
        .style11{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #D3D3D3;
        background-color: #F7F7F7
        }
       
        .style12{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #BFD1EB;
        background-color: #F3FAFF
        }
       
        .style13{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #FFDD99;
        background-color: #FFF9ED
        }       
       
        .style14{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #CACAFF;
        background-color: #F7F7FF
        }       
       
        .style15{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #A5B6C8;
        background-color: #EEF3F7
        }
        .style16{
        width: 800px;
        height: 100px;
        margin: 0px auto;
        margin-bottom:20px;
        border:1px solid #CEE3E9;
        background-color: #F1F7F9
        }       
        h5{color:#CCCCCC;margin-left:680px}
        a{color:#CCCCCC;text-decoration:none}
        a:hover{color:#666666;text-decoration:underline}
        </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div class="style1"><h5></h5></div>
<div class="style2"><h5></h5></div>
<div class="style6"><h5></h5></div>
<div class="style3"></div>
<div class="style4"></div>
<div class="style5"></div>
<div class="style7"></div>
<div class="style8"></div>
<div class="style9"></div>
<div class="style10"></div>
<div class="style11"></div>
<div class="style12"></div>
<div class="style13"></div>
<div class="style14"></div>
<div class="style15"></div>
<div class="style16"></div>
</body>
</html>
本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=536

[新闻]惠普139亿美元完成对EDS的收购]]>jQuery插件---slider-gallery.(仿MAC展示.)http://www.cnblogs.com/luluping/archive/2008/07/25/1251703.htmllinFenlinFenFri, 25 Jul 2008 13:10:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251703.htmlhttp://www.cnblogs.com/luluping/comments/1251703.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251703.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251703.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251703.html演示:
http://www.cssrain.cn/demo/slider-gallery/slider-gallery.html

下载:
http://www.cssrain.cn/demo/slider-gallery/slider-gallery.rar


本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=678



[新闻]惠普139亿美元完成对EDS的收购]]>jQuery插件---Toggle text valuehttp://www.cnblogs.com/luluping/archive/2008/07/25/1251701.htmllinFenlinFenFri, 25 Jul 2008 13:08:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251701.htmlhttp://www.cnblogs.com/luluping/comments/1251701.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251701.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251701.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251701.html本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=669

[新闻]惠普139亿美元完成对EDS的收购]]>javascript---计算器Calculatorhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251700.htmllinFenlinFenFri, 25 Jul 2008 13:06:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251700.htmlhttp://www.cnblogs.com/luluping/comments/1251700.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251700.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251700.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251700.html演示:
http://www.cssrain.cn/demo/Calculator/d1.html


下载:
http://www.cssrain.cn/demo/Calculator/calculator_zf3.js
http://www.cssrain.cn/demo/Calculator/calculator_zf4.css

本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=697



[新闻]惠普139亿美元完成对EDS的收购]]>jQuery插件---jLook(表单美化)http://www.cnblogs.com/luluping/archive/2008/07/25/1251699.htmllinFenlinFenFri, 25 Jul 2008 13:02:00 GMThttp://www.cnblogs.com/luluping/archive/2008/07/25/1251699.htmlhttp://www.cnblogs.com/luluping/comments/1251699.htmlhttp://www.cnblogs.com/luluping/archive/2008/07/25/1251699.html#Feedback0http://www.cnblogs.com/luluping/comments/commentRss/1251699.htmlhttp://www.cnblogs.com/luluping/services/trackbacks/1251699.html 


演示:
http://www.cssrain.cn/demo/slider-gallery/slider-gallery.html

下载:
http://www.cssrain.cn/demo/slider-gallery/slider-gallery.rar
本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=678



[新闻]惠普139亿美元完成对EDS的收购]]>