知识大全浏览器打开层自动缓慢展开收缩实例代码

Posted 2022-07-20 知

篇首语：好人的天生欲望是知识。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全浏览器打开层自动缓慢展开收缩实例代码相关的知识，希望对你有一定的参考价值。

本文为大家介绍下层自动缓慢展开收缩在浏览器打开时是如何实现的主要用到了slideUp及slideDown等主要jquery方法感兴趣的朋友可以参考下哈希望对大家有所帮助

　　例子

复制代码代码如下: <!DOCTYPE PUBLIC " //W C//DTD XHTML Strict//EN" " < xmlns=" <head> <meta equiv="Content Type" content="text/; charset=utf " /> <title>无标题文档</title> <style> #screefulldisplay:block; border: px solid #bddbf ; width: px; padding: px px px; margin: auto px; background:#fef db; #mostrardisplay:block; width: px; display:none; #screefull a close display:block; width: px; height: px; background:url(img/cx gif) no repeat ; overflow:hidden; float:right; margin: px px ; *margin right: px; text decoration:none; #screefull p display:block; text align:center; font family:"Microsoft Yahei"; font size: px; color:# ; height: px; line height: px; vertical align:middle; #screefull var display:inline block; *display:inline; *zoom: ; background:url(img/wicon gif) no repeat ; width: px; height: px; overflow:hidden; vertical align:middle; margin right: px; #screefull em display:inline block; *display:inline; *zoom: ; color:#ff ; font family:"Microsoft Yahei"; font style:normal; #screefull span display:inline block; *display:inline; *zoom: ; vertical align:middle; #screefull p a display:inline block; *display:inline; *zoom: ; color:# ff; text decoration:underline; </style> <script type=text/javascript src=js/jquery js></script> </head> <body> <! begin: > <div id="warn" > <div id="screefull"> <a href="#" onclick="closewarn( close )">[x]</a> <p><span> 在<em>未通过审核的网站</em>添加广告代码将不会产生佣金 <a href="#" target="_blank" >我知道了</a></span></p> </div> </div> <script type=text/javascript> function closewarn(type) $("#warn") slideUp("slow"); if(type == know ) $ post(window location href op : searn function(data) return true; ); window onload = function() $("#warn") slideDown( ); </script> <! end: > </body> </> cha138/Article/program/Java/JSP/201311/20640

知识大全 浏览器打开层自动缓慢展开收缩实例代码

知识大全浏览器打开层自动缓慢展开收缩实例代码