Heim > Web-Frontend > HTML-Tutorial > 想实现一个像csdn论坛的侧边栏显示和隐藏效果遇到困难_html/css_WEB-ITnose

想实现一个像csdn论坛的侧边栏显示和隐藏效果遇到困难_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:42:25
Original
1160 Leute haben es durchsucht

jquery

自己做了很长时间了,这个效果还是没出来,想请教一下。。。
  首先是这个侧边栏的position,我把它设为fixed,然后用了jquery中的slideToggle函数移动它,但这个侧边栏上的字却不能跟着一起隐藏了。。而却还有隐藏按钮的浮动问题,因为设置了fixed就无法用float:left这个属性了。。。新手刚上路感觉被这些浮动 布局搞混乱了,请高手指导,或者有什么其他更好的办法求指导。还有能不能贴一下测试的代码,新手还是用代码才好理解

回复讨论(解决方案)

你点它看一下就知道了,其它它是设置了iframe里面body的CSS为display:none;

谢谢了,问题解决了,一楼的例子更容易懂一点

这个应该能满足你的需要了,左边与右边有内容可以自己加,想写什么就写什么
效果预览:http://www.ablanxue.com/prone_4354_1.html

不好意思,这个我想把左边这个浮动改成相对浏览器是静止的怎么办。。。?

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage