用CSS设计你的搜索框

用CSS设计你的搜索框的相关文章

• 
  CSS+DIV实现Yahoo搜索框的制作

  标签：Web开发

  本文及代码由 renx 原创,版权所有,随便使用,哪位大大看得起在下,有用到的话,我很荣幸您能告诉我. 开始 为了做这个yahoo搜索框,我分了三步: 1. 先做搜索分类的按钮,点击后会和其他按钮看上去比较不一样,这个是挺简单的 !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 ...[ 查看全文 ]

  河南南阳南召南

  361
• 
  CSS精品设计教程 用CSS样式表美化你的网页

  标签：Web开发

  第1天:选择什么样的DOCTYPE 前言 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 第一天 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码，可以看到第一行就是： !D...[ 查看全文 ]

  雾霾下的情趣

  331
• 
  45个经典的免费搜索框设计PSD素材

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  今天我们为大家搜集了45个新鲜有吸引力的搜索框PSD设计。你可以免费下载。不管你是不是网页设计师。你肯定知道的是大多数网站的设计都离不开搜索框。那么如何去设计规划出一个或是简介，或是有新意的搜索框呢！很多时候这个细节都会被忽略。很多设计师都会拉出一个简单的外观。但是这个细节的忽略可能会让你网站损失很多的流量。下面是我们今天要分享给大家的45个关于搜索框的PSD素材。希望能给你带来设计上...[ 查看全文 ]

  xiejingsha

  61
• 
  (译)用CSS设计日历

  标签：Html CSS布局 Div+CSS XHTML

  table元素 如果你已经看过我的代码，就会发现我的日历是用table做的。不错，因为日历中显示的是表列数据，所以这样说来用table布局是合理的。而用table定位制作整个网站是不合适的，但我们完全可以有针对性的将table用在列表数据当中。像日历，程序表，图表，时间表我们都可以用table制作。此外试想一下，如果没有引用CSS，那些用CSS控制的浮动对象和绝对定位的对象会把页面变得一团糟。事...[ 查看全文 ]

  小小yu媛

  11
• 
  关于搜索输入框

  标签：Web开发

  1.打开页面，输入框自动获得焦点 2.用户输入关键词，如果是第一次输入，则自动清空默认Value值 Code：关于搜索输入框 .firstInp {color:#999;} .doInp {color:#f60;} [ 查看全文 ]

  阳光的合伙人传

  111
• 
  浅谈网页搜索框必须要考虑五个设计技巧

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  今天励定洲这篇译文开门见山，从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能，内附大量实例(想知道谷歌搜索有哪个交互不好吗)，结合实践，深入浅出，帮你掌握在线搜索的这五个方面。 可见性 在UX领域，可见性是其根本概念之一：由物体的外形特征推导出其行为上潜在的可能。比如大门上的推板意味着门是可以推的;把手则说明门是可以拉的。你有没有遇...[ 查看全文 ]

  新生妈妈66

  41
• 
  CSS外框阴影效果

  标签：Web开发

  style .s1{ border:2px solid #f7f7f7;width:200px;} .s2{ width:200px; height:300px; border:1px solid #ddd;} /style div class="s1" div class="s2" CSS外框阴影 /div /div[ 查看全文 ]

  格调1234566

  51
• 
  IOS改变UISearchBar中搜索框的高度

  标签：编程语言 网络编程

  一、系统的searchBar 1、UISearchBar的中子控件及其布局 UIView（直接子控件） frame 等于 searchBar的bounds，view的子控件及其布局 UISearchBarBackground（间接子控件） frame 等于searchBar的bounds UISearchBarTextField（间接子控件） frame.origin等于(8.0, 6.0)，即不等于searchBar的bounds 2、改变searchBar的frame只会影响其中搜索框的宽度，不会影响其高度，原因如下： 系统s...[ 查看全文 ]

  广州蒙悦租车1

  61
• 
  jquery 模拟类搜索框自动完成搜索提示功能(改进)

  标签：Web开发

  autopoint.js代码: 代码如下： /* * @date: 2010-5-22 21:42:15 * @author: 胡灵伟 * Depends: * jquery.js * * function:类似GOOGLE搜索框提示功能 */ (function($) { $.fn.autopoint = function (options) { defaults = { url:options.url, keyLeft : 37,//向左方向键 keyUp : 38,//向上方向键 keyRight : 39,//向右方向键 keyDown : 40,//向下方向键 keyEnter : 13,//回车键 listHove...[ 查看全文 ]

  jj4514046

  51
• 
  CSS用样式表美化你的网页

  标签：Web开发

  CSS用样式表美化你的网页 第1天:选择什么样的DOCTYPE 前言 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 第一天 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码，可以看到第一行就...[ 查看全文 ]

  跟暧昧走调

  21
• 
  CSS实例：横线样式的输入框

  标签：Html CSS布局 Div+CSS XHTML

      在网上我们常常看见一些单的输入框部分并不是我们常见的矩形框，而是一条细线，很多朋友对此很感兴趣。其实要实现这样的效果并不困难，我们只要用一段简短的CSS代码控制好表单输入框的样式即可。   示例如下：   请输入您的用户名： 下面我们就来看看这段实现效果的css代码。它主要运用了表格边框的样式控制，将左、上、右边框设置为no...[ 查看全文 ]

  馨小铭儿

  2231
• 
  用DIV+CSS设计出圆角矩形的代码

  标签：Web开发

  很多人到处寻求个使用DIV+CSS制作出圆角矩形的方法，使用底下的一段代码你就可以轻松实现这个很拽的圆角矩形了。 ＜style＞div.bg{background:#ffc20e;width:50%}b{display:block;} /*将所有B标签转成块级元素*/ div b.topb b,div b.bottomb b {height:1px;overflow:hidden;background:#ffc20e;} /*div标签内类名为topb/bottomb的那个b标签的css属性值--高为1px， 溢出部份隐藏,背景色同div.bg的背景色*...[ 查看全文 ]

  David_hyh

  161
• 
  Win10如何禁用Cortana？如何把Cortana搜索框改成搜索图标？

  标签：电脑入门

  Win10 Build 9926终于带来了微软小娜Cortana，遗憾的是目前只支持英文语音，而且这个Cortana在任务栏上以搜索框形式出现，占用了寸土寸金的任务栏较大空间。有用户想暂时禁用Cortana，以便隐藏搜索框，或把搜索框改为搜索图标，节省任务栏空间。如何操作呢? 只需在任务栏上的空白处点击右键，在弹出的右键菜单中显示搜索下级菜单。如图： 在搜索下级菜单中即可看到已禁用选项，选择它即可禁用Cortana微...[ 查看全文 ]

  你说是谁90

  21
• 
  用CSS设计高体验的表单显示效果示例

  标签：Html CSS布局 Div+CSS XHTML

  以下是引用片段： <style type="text/css"  .input1{  font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;  }  .input1-bor {  f...[ 查看全文 ]

  空井苍上s

  51
• 
  JS+CSS模拟IP输入框

  标签：Web开发

  测试 [ 查看全文 ]

  习惯有伱哋一切

  611
• 
  用哈希表搜索对象

  下载本文代码 下载本期杂志代码 见资源 .NET中的System.Collections.HashTable类存储了对象，因此你可以很快地找到它们。 by Bill Wagner .NET Framework中的大多数容器都是序列式容器（sequence containers）：它们按顺序存储对象。这种类型的容器功能很多——你可以以任何特殊的顺序来存储任意数量的对象。然而，这种多功能性是以一定的性能为代价的。在一个序列中查找一个特殊的对象所需要的时间取决于容...[ 查看全文 ]

  薄碎红叶

  31
• 
  CSS你了解多少？CSS等级趣谈

  标签：Web开发

  我们在不断的学习，追求进步与提高，在22333.com中有大量的教程，到底学到什么程度了，到底是不是真的了解CSS，是哪个层次了呢。我们来对照一下。 第0级：CSS？那不是一个多人射击游戏吗？ CSS？ Isn't that a multiplayer game？ 有些人因为在找CS:S（Counter Strike: Source）这款游戏的资讯而进到#CSS网站。不必担心这些人，他们不可能制作太多网页，所以对网络也不会造成多大伤害。...[ 查看全文 ]

  jiuzheyangaile

  01
• 
  Win7开始的搜索框消失了教你找回

  标签：电脑入门

  Win7开始的搜索框消失了教你找回 win7我感觉最好用的应该就是win7的搜索框了，不管是找软件，用命令打开什么东西，都是通过这个功能，没有它真心非常不习惯，而如果没有了它我们要这么样才能把它找回呢? 1.搜索框没了的图片： 2.出现这个问题的原因： 很多时候我们按照了某些软件，经常会导致这个搜索框不见了，不要去找什么软件会导致了，基本上只是软件更改你的电脑的配置你再该回来就行了。 3.进...[ 查看全文 ]

  王小函函

  21
• 
  用ASP建立站内搜索

  标签：ASP

        假如你拥有一个庞大的网站，内容又多，那么来访者往往很难找到自己所需要的东东，这时候你就需要一个站内搜索来帮助来访者更快的找到索要的资料了！现在你就可以用asp轻易的实现这种功能，何况现在支持asp的站点这么多，利用这个搜索引擎可以搜索到你的主页里面任何一个文件或者软件资料，它可以精确到每个字！说了这么多你是不是怦然心动了啊，那就按照下面的步骤来建立自己...[ 查看全文 ]

  二九浪人

  21
• 
  用Flash制作Google搜索程序

  标签：flash教程

     在我们构造Google 搜索程序之前我们还需要Google Web APIs Developer's Kit，你可以从http ://www.google.com/apis/download.html下截直接解压缩就可以了。里面已经含了所需要的文件和已经编译好的文件，官方地址是http ://www.google.com/apis。不过实际上对我们有用的只是GoogleSearch.wsdl这个文件，把这个文件和SWF文件放在同一文件夹运行既可。 构造一个Flash 表单屏屏幕 1. 在 F...[ 查看全文 ]

  蚂蚁啃大象天枰

  11