基于jQuery实现下拉收缩(展开与折叠)特效

jQuery下拉收缩特效 body { margin: 0 auto; padding: 0; width: 570px; font: 75%/120% Arial, Helvetica, sans-serif; } a:focus { outline: none; } #panel { background: #69C7F7; height: 200px; display: none; } .slide { margin: 0; padding: 0; border-top: solid 4px #F27613; } .btn-slide { background: #F27613 url(http://files.jb51.net/file_images/article/201212/20121225165932118.gif) no-repeat right -50px;; text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } .active { background-position: right 12px; } 演示不了请刷新下点击试试 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　jquery限制输入字数,并提示剩余字数实现代码

复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta >>>详细阅读

本文标题：基于jQuery实现下拉收缩(展开与折叠)特效

地址：http://www.17bianji.com/kaifa2/JS/22737.html

1/2 1