文主要來介紹用jquery實現元素上移下移置頂置底刪除的功能!這些效果常用到一些列表項比較多的網站!有興趣的小伙伴可以參考一下!
效果如下:
點擊操作按鈕即可實現效果
HTML+CSS:
jq代碼:
想學習更多知識請關注“恒星網絡”頭條號!
天介紹的這幾款軟件還是Windows平臺的,功能在某些時候真的很實用所以推薦給大家。
這是一款窗口標題欄按鈕增強工具,它可以在任意窗口標題欄上添加最小化、置頂和透明度按鈕,支持窗口對齊、窗口置底、更改窗口大小、窗口程序優先級、幽靈窗口、啟動程序等等。
老粉的話應該記得我之前介紹過一款類似的軟件,但這一款不管是功能還是體驗都更好。
軟件是綠色版,點擊ActualTitleButtonsCenter.exe直接用,首次打開需要設置中文。
右鍵點擊托盤圖標選擇 Configure…,在打開的配置窗口中依次點擊左側的 Options – User Interface,在右側窗口中點擊 Language下拉框中選擇中文,點擊 OK 按鈕后重啟軟件。
圖 | 設置界面
簡單介紹一下功能:
置頂、最小化到托盤大家都知道就不說了,右鍵窗口透明按鈕可以設置透明度。
最重要的是菜單中有一些非常實用的功能:
1.卷起
點擊卷起可以將窗口收起來,再次點擊恢復,這樣擺放多個窗口都不會占地方。
2.對齊
對齊功能可以將窗口快速對齊到任意位置,可以自定義,強迫癥福音!
3.更改窗口大小
這個功能可以一鍵修改窗口大小,我們時常會調整窗口大小方便多應用參照,但調亂了想要恢復合適大小還得手動一點一點拖動。
可以自定義合適的窗口大小給不同的應用,這樣一鍵就可以恢復窗口。
4.幽靈窗口
點擊此按鈕會讓將窗口變為“幽靈”,鼠標會穿過窗口,此時的窗口類似于一張貼圖會被鼠標無視。
圖 | 鼠標直接穿過表格點到了桌面右鍵
配合調整透明度和置頂,這個功能可以很方便地參照一些窗口,比如臨摹圖片,制作PPT,核對表格等等,非常實用。按住Ctrl+Shift點擊會暫時恢復。
5.啟動程序
啟動程序菜單可以快捷打開一些程序,支持自定義,比如常用的控制面板、記事本、計算器、注冊表等等,個人覺得很實用。
在全局設置-啟動程序中可以自定義快速啟動的程序。
6.更強大的貼靠
這款軟件可以實現更強大的窗口貼靠,除了貼靠屏幕,還可以貼靠其他窗口。這樣分屏的操作就很簡單了。
簡單地說就是移動窗口到其他窗口邊緣會自動吸附對齊,并且從內從外都可以。
最后注意一下軟件存放路徑不要有中文,防止出現問題!
Windows原生的搜索有多難用大家都知道,提起替代品,最出名的就是Everything,或者Listary等等,之前也都介紹過。
Everything雖好,但無法搜索文件內容。不知道你有沒有遇到過這種問題:想搜索某文檔,但只記得內容,不知道標題,或者標題是保存時自動命名的,這就毫無辦法了.
但是AnyTXT Searcher就可以做到!它是一款免費的全文檢索工具,不僅可以搜文件名,還可以檢索文檔內容是否包含關鍵詞。
AnyTXT Searcher有著強大的全文搜索引擎,通過建立索引的方法可以快速檢索電腦全部文檔包含關鍵詞的內容。
圖 | 搜索全部盤符只用了半秒
除了速度快,點擊文件可以在右邊預覽,包含關鍵字的的地方會高亮顯示,鼠標懸停也會顯示關鍵詞信息,方便快速找到目標。
并且AnyTXT Searcher支持按文件類型搜索,支持的格式有以下幾種:
可以看到所有類型都可以設置僅排除指定目錄,默認排除C:\Windows 文件夾,減少不必要的檢索,很人性化。
最后提醒一下第一次打開軟件建立索引會比較慢,請耐心等待,亂點容易未響應。并且索引的更新默認一小時一次,如果創建了新文件需要立即更新才能搜索到。
注意想要檢索 Word、Excel、PPT 格式,需要安裝 Office 套件才行。
今天這兩款軟件不是剛需,但是是屬于遇到某些情況會非常好用幫大忙的那種,所以即使現在不用也可以收藏起來。安裝包老規矩看置頂評論。
最近真的太忙了,插空更新太難了[流淚]
、HTML
<div id="ad"></div>
<div id="search">
<div class="search_box">
<input type="text" class="search_txt" />
<input type="button" value="搜索" class="search_btn" />
</div>
</div>
<div id="box"></div>
二、CSS
*{
padding: 0px;
margin: 0px;
list-style: none;
}
#ad{
width: 100%;
height: 80px;
background: #142DA8;
}
#search{
width: 1300px;
height: 40px;
margin:0 auto;
border:1px solid black;
background: #25B3D9;
position: absolute;
top:80px;
left: 24px;
z-index: 2;
}
#search .search_box{
width: 800px;
margin: 0 auto;
}
#search .search_txt{
display: block;
width: 600px;
height: 36px;
border:2px solid red;
margin:0 auto;
float: left;
}
#search .search_btn{
margin-left: 5px;
font-size: 24px;
line-height: 38px;
float: left;
border:1px solid blue;
}
#box{
width:1300px;
height: 2000px;
background: #858282;
position: absolute;
left: 24px;
top:120px;
}
三、script
window.onscroll=function(){
var oSearch=document.getElementById('search');
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
if (parseInt(scrollTop)>200) {
oSearch.style.position='fixed';
oSearch.style.top='0px';
}
else{
oSearch.style.position='absolute';
oSearch.style.top='80px';
}
}
四、效果圖
此方法是本人想到的,不知道大伙還有沒有其他好的方法,請留言!!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。