我在ASP.NET中建立一個搜索引擎,它將顯示產品不是鏈接,我的問題是什麼是技巧或JavaScript功能,當用戶鍵入他的搜索時,搜索欄出現在頂部結果像谷歌,我希望在我的搜索引擎的功能製作搜索引擎喜歡谷歌
回答
$("header input").on("input", function(){
if(this.value.length > 0){
$("header").addClass("hasValue");
}
});
*{box-sizing: border-box; margin:0;}
header{
position: absolute;
top:50%; left:50%;
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
text-align: center;
padding: 16px 24px;
}
header input{
display: block;
vertical-align: top;
padding: 8px;
border-radius: 3px;
border:1px solid #ccc;
}
/* ONCE INPUT HAS VALUE: */
header.hasValue{
position:relative;
top:0; left:0;
transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%);
text-align:left;
background:#eee;
}
header.hasValue input{
display:inline-block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header>
<img src="//placehold.it/80x33/f0f/fff?text=LOGO" alt="LOGO">
<input type="search" placeholder="Search products">
</header>
感謝您瞭解我想問什麼 –
@MuhammadMateen不用客氣。請下一次顯示一些HTML,你嘗試過的CSS,會更容易從某處開始,而不是從頭開始!快樂編碼 –
J查詢不適用於我我猜或我的CSS是錯誤的,我也安裝了j查詢在我的項目中,並將其粘貼到我的頭文件在asp.net項目中,但每當我寫了東西,什麼也沒有發生, t知道爲什麼 我認爲j查詢裏面的腳本標記不適用於我或請幫助 –
這bootsnip有一個搜索欄在引導的導航欄。 http://bootsnipp.com/snippets/featured/navbar-search-add-on-bs-3
,如果你正在尋找一個預輸入庫 https://github.com/bassjobsen/Bootstrap-3-Typeahead
感謝您的關注,將看到這些鏈接 –
我不知道你是如何在電子商務門戶網站建設的搜索引擎,也沒有落後,任何伎倆。你可以用各種方法實現類似的功能。我建議看看基礎知識。
- 1. 保護管理目錄從搜索引擎喜歡谷歌
- 2. 谷歌街景喜歡引擎
- 3. Mysql搜索引擎喜歡和匹配
- 4. 谷歌搜索引擎
- 5. 執行搜索喜歡谷歌搜索文本框
- 6. 改進谷歌搜索引擎結果
- 7. 谷歌自定義搜索引擎
- 8. 全文搜索谷歌應用引擎
- 9. 谷歌搜索引擎 - 可可
- 10. 谷歌搜索引擎優化幫助
- 11. #! (hashbang)和谷歌搜索引擎優化
- 12. 如何實現谷歌喜歡玩搜索欄
- 13. 谷歌喜歡下拉框當用戶搜索
- 14. 谷歌喜歡搜索字符串解析爲sql
- 15. 搜索引擎喜歡用於java字符串搜索的語法
- 16. WordPress的搜索引擎爲谷歌搜索reasult
- 17. 我如何獲得谷歌搜索引擎只搜索圖片
- 18. 谷歌搜索中的搜索引擎優化描述問題
- 19. 谷歌喜歡在SQL Server中使用全文搜索的搜索查詢
- 20. 網址的谷歌搜索引擎索引
- 21. 谷歌應用程序內引擎全文搜索,這是更好的,「谷歌定製搜索」或嗖
- 22. 視覺工作室喜歡搜索
- 23. MYSQL喜歡搜索2表
- 24. PHP PDO喜歡(搜索)
- 25. 製作虛幻引擎4對象喜歡立方體Swimable
- 26. 搜索引擎優化 - 谷歌+其他搜索引擎索引鏈接<noscript>標籤?
- 27. 最喜歡的谷歌應用程序引擎技巧和功能
- 28. 在Python中製作搜索引擎django
- 29. 如何製作搜索引擎?
- 30. 如何製作「頻繁搜索」引擎?
不知道你是什麼之後。它是自動完成功能嗎?你能詳細說明嗎? –
我的意思是,它是一個非常具體的行動。我不認爲有一個'技巧'或通用的JavaScript功能來做到這一點。你只需要編寫代碼。 – Jonesopolis
你有截圖解釋嗎? –