编程 Javascript

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

Posted in Javascript onDecember 25, 2012

v class="htmlarea"><meta charset="UTF-8"> <title>jQuery下拉收缩特效</title> <style type="text/css"> 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(//img.jbzj.com/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; } </style> <h1>演示不了请刷新下</h1> <div>  </div> <p>点击试试</p>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript RegExp方法获取地址栏参数(面向对象)

Mar 10 Javascript

JS俄罗斯方块，包含完整的设计理念

Dec 11 Javascript

escape编码与unescape解码汉字出现乱码的解决方法

Jul 02 Javascript

node.js中的fs.truncate方法使用说明

Dec 15 Javascript

JS实现设置ff与ie元素绝对位置的方法

Mar 08 Javascript

详解Javascript中prototype属性(推荐)

Sep 03 Javascript

JS 调用微信扫一扫功能

Dec 22 Javascript

Node.js 8 中的 util.promisify的详解

Jun 12 Javascript

JavaScript判断浏览器和hack滚动条的写法

Jul 23 Javascript

详解html-webpack-plugin插件(用法总结)

Sep 12 Javascript

详解JavaScript中的函数、对象

Apr 01 Javascript

简单了解Javscript中兄弟ifream的方法调用

Jun 17 Javascript

Javascript图像处理思路及实现代码

Dec 25 #Javascript

javascript的offset、client、scroll使用方法详解

Dec 25 #Javascript

JS解析json数据并将json字符串转化为数组的实现方法

Dec 25 #Javascript

jquery 事件冒泡的介绍以及如何阻止事件冒泡

Dec 25 #Javascript

js优化针对IE6.0起作用(详细整理)

Dec 25 #Javascript

js 取时间差去掉周六周日实现代码

Dec 25 #Javascript

纯js网页画板(Graphics)类简介及实现代码

Dec 24 #Javascript