欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS3實(shí)現(xiàn)的可伸縮搜索框效果(無js)

  • 腳本大小：10KB
  • 腳本語言：簡體中文
  • 腳本類型：國產(chǎn)軟件
  • 腳本授權(quán)：免費(fèi)軟件
  • 腳本類別：CSS特效
  • 應(yīng)用平臺：css/css3
  • 更新時間：2013-05-02
  • 網(wǎng)友評分：
360通過 騰訊通過 金山通過

詳情介紹

1.定義樣式:
[code]
<style>
.demo_search {
display:inline-block;
position:relative;
height:27px;
margin:60px;
}
.demo_search:hover {
-webkit-box-shadow:0 0 3px #999;
-moz-box-shadow:0 0 3px #999
}
.demo_search .demo_sinput {
float:left;
width:130px;
height:19px;
line-height:19px;
padding:3px 5px;
border:#A7A7A7 1px solid;
background:white;
color:#888;
font-size:12px;
-webkit-transition:.3s;
-moz-transition:.3s;
outline: none;
}
.demo_search .demo_sinput:focus {
width:200px;
}
.demo_search .demo_sbtn {
cursor:pointer;
height:27px;
font-size:12px;
float:left;
width:50px;
margin-left:-1px;
background:#eee;
display:inline-block;
padding:0 12px;
vertical-align:middle;
border:#A7A7A7 1px solid;
color:#666;
}
.demo_search .demo_sbtn:hover {
background:#ddd;
}</style>
[/code]
2.html代碼:
[code]
<form class="demo_search" action="//www.sharejs.com" method="get">
<input class="demo_sinput" type="text" name="s" />
<input class="demo_sbtn" type="submit" value="搜索" /></form>
[/code]
本范例僅僅使用了CSS3實(shí)現(xiàn),無需js代碼,可惜的是不能在ie下使用,鄙視ie

下載地址

下載錯誤？【投訴報(bào)錯】

CSS3實(shí)現(xiàn)的可伸縮搜索框效果(無js)

      人氣腳本

      相關(guān)文章

      下載聲明

      ☉ 解壓密碼：www.dbjr.com.cn 就是本站主域名，希望大家看清楚，[ 分享碼的獲取方法 ]可以參考這篇文章
      ☉ 推薦使用 [ 迅雷 ] 下載，使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
      ☉ 如果這個軟件總是不能下載的請?jiān)谠u論中留言,我們會盡快修復(fù)，謝謝!
      ☉ 下載本站資源，如果服務(wù)器暫不能下載請過一段時間重試!或者多試試幾個下載地址
      ☉ 如果遇到什么問題，請?jiān)u論留言，我們定會解決問題，謝謝大家支持!
      ☉ 本站提供的一些商業(yè)軟件是供學(xué)習(xí)研究之用，如用于商業(yè)用途，請購買正版。
      ☉ 本站提供的CSS3實(shí)現(xiàn)的可伸縮搜索框效果(無js)資源來源互聯(lián)網(wǎng)，版權(quán)歸該下載資源的合法擁有者所有。