ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript http://www.sharejs.com
非常漂亮的下拉条风格，带有动画效果，设计惊喜，展现JQuery的强大魅力
第一步：
点击这里下载源代码及JQuery、相关图片
第二步：
在网页<head>区添加JQuery引用及样式定义
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
/*****************************************************
* Share JavaScript (http://www.ShareJS.com)
* 使用此脚本程序，请保留此声明
* 获取此脚本以及更多的JavaScript程序，请访问 http://www.ShareJS.com
******************************************************/
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
<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: #754c24;
height: 200px;
display: none;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 4px #422410;
background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
background: url(images/white-arrow.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>
第三步：
在网页<body>区添加以下代码
<div id="panel"> <p style="margin: 5px;color: #fff;line-height:20px;"> ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript ShareJS拥有最精致的JS脚本库，丰富的网页特效，欢迎分享JavaScript <a href="http://www.sharejs.com"><font color=#FFFFFF>http://www.sharejs.com</font></a> </p> </div> <p class="slide"><a href="#" class="btn-slide">关于ShareJS</a></p>
