如何通过单击滑板来滑动滑动面板？ [英] How do I slide a slide-panel with clicking out of slide-panel?
本文介绍了如何通过单击滑板来滑动滑动面板？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
嗨
我想知道如何在Windows 8搜索面板（开始+ s）中滑动滑动面板。
当我点击背景时，搜索面板会自动隐藏c＃。
其实我想为我的软件创建一个这样的搜索栏。这将对我有很大帮助。
解决方案
使用jQuery尝试以下示例：
< ！DOCTYPE html >
< html >
< head >
< 样式 type = text / css >
＃panel，＃flip
{
填充：10px;
text-align：center;
background-color：yellow;
border：solid 1px black;
}
#panel
{
padding：50px;
display：none;
}
< / style >
< script src = http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js >
< / script >
< script >
（文件）。就绪（函数（）{
（ ＃翻转）。单击（函数（E）{
Hi
I want to know how to slide a slide-panel like in windows 8 search panel(start + s).
when I click background, the search panel hide automatically in c#.
Actually i want to create a search bar like this for my software. it will a great help for me.
解决方案
Try the following example using jQuery:
<!DOCTYPE html> <html> <head> <style type="text/css"> #panel,#flip { padding:10px; text-align:center; background-color:yellow; border:solid 1px black; } #panel { padding:50px; display:none; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script>
(document).ready(function(){
("#flip").click(function(e){
这篇关于如何通过单击滑板来滑动滑动面板？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
