jquery搜索框代码怎么写( 二 ) _代码

< 7){$(base).css({position: 'absolute', top: sTop});}else {$(base).css({position: 'fixed', top: 0});}}else {$(base).css({position: 'relative', top: 0});}});};$.fn.Z_TMAIL_SIDER_V2.defaults = {slideHeight : 8};})(jQuery); 。
5.html中的搜索框怎么做我自己简单做了一个，因为上传图片麻烦，所以图中的图片我直接用文字代替，弄个背景就ok ，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
<html>
<head>
<meta ;charset=utf-8">
<meta name="author" content="blog.anchen8.net">
<title>；无标题 1</title>
<style>
*{
margin: 0;
padding: 0;
}
.search{
margin: 30px;
width: 210px;
height:35px;
border:1px solid silver ;
}
.search_key{
width: 150px;
height: 25px;
border: none;
margin-top: 5px;
margin-left: 5px;
}
.submit{
background:none;
margin-top: 5px;
width:40px;
height: 25px;
border: none;
/*这个添加背景图即可*/
}
</style>
</head>
<body>
<form action="" method="post">
<div class="search">
<input type="text" class="search_key" value="http://www.xuexi88.com/zhishi/站内搜索" />
<input type="submit" class="submit" value="http://www.xuexi88.com/zhishi/搜索">
</div>
</form>
</body>
</html>；效果如下：
6.css+div中搜索框怎么写.search/*整个搜索框*/{
width:300px;
height:30px;
background-image: url(../images/search.gif)/*这是这个搜索框的背景*/；
background-repeat: no-repeat;
background-position: 50%;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
padding: 0px;
overflow: hidden;
clear: both;
}
.search input/*用来去掉搜索框里的文本框和按钮的背景和边框，并设置并列排放*/{
border:none;
background:none;
float:left;
}
.search_box/文本框样式/{
width:150px;
height:26px;
line-height:26px;
padding:0px;
color:#999999;
text-align:left;
margin-top: 2px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 10px;
float: left;
}
.search_button/*按钮样式*/{
width:45px;
height:27px;
cursor:pointer;
color:#000000;
font-size: 14px;
}
具体样式可根据自己的需要调整。
希望对你有所帮助。
7.如何用HTML写搜索框当的代码绝对定位相对定位，很简单的吧。
a 的具体位置自己调整right与top的值就行了。荣耀v10.box{position: relative; width:200px;height:50px;}input{width:100%;height:100%;border:none;line-height:50px;}a{display:block;position:absolute;top:20px;right:100px;z-index:99} 。
【jquery搜索框代码怎么写】

文章插图