<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Imitate the WordPress Comment Management</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.color.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".pane:even").addClass("alt");
$(".pane .btn-delete").click(function(){
alert("此条评论将被删除!");
$(this).parents(".pane").animate({ backgroundColor: "#fbc7c7" }, "fast")
.animate({ opacity: "hide" }, "slow")
return false;
});
$(".pane .btn-unapprove").click(function(){
$(this).parents(".pane").animate({ backgroundColor: "#fff568" }, "fast")
.animate({ backgroundColor: "#ffffff" }, "slow")
.addClass("spam")
return false;
});
$(".pane .btn-approve").click(function(){
$(this).parents(".pane").animate({ backgroundColor: "#dafda5" }, "fast")
.animate({ backgroundColor: "#ffffff" }, "slow")
.removeClass("spam")
return false;
});
$(".pane .btn-spam").click(function(){
$(this).parents(".pane").animate({ backgroundColor: "#fbc7c7" }, "fast")
.animate({ opacity: "hide" }, "slow")
return false;
});
});
</script>
<style type="text/css">
body {
margin: 10px auto;
width: 470px;
}
a, a:visited {
color: #000099;
}
a:hover {
text-decoration: none;
}
h3 {
margin: 0;
padding: 0 0 .3em;
}
p {
margin: 0;
padding: 0 0 1em;
}
.pane {
background: #ffffff;
padding: 10px 20px 10px;
position: relative;
border-top: solid 1px #ccc;
}
.alt {
background: #f5f4f4;
}
.spam {
color: #999999;
}
</style>
</head>
<body>
<div class="pane">
<h3>小邓 说:</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
<p><a href="#" class="btn-delete">删除</a> | <a href="#" class="btn-unapprove">拒绝</a> | <a href="#" class="btn-spam">垃圾评论</a></p>
</div>
<div class="pane spam">
<h3>杰克 说:</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
<p><a href="#" class="btn-delete">删除</a> | <a href="#" class="btn-approve">通过</a> | <a href="#" class="btn-spam">垃圾评论</a></p>
</div>
<div class="pane">
<h3>约翰 说:</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
<p><a href="#" class="btn-delete">删除</a> | <a href="#" class="btn-unapprove">拒绝</a> | <a href="#" class="btn-spam">垃圾评论</a></p>
</div>
<div class="pane">
<h3>本 说:</h3>
<p>Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
<p><a href="#" class="btn-delete">删除</a> | <a href="#" class="btn-unapprove">拒绝</a> | <a href="#" class="btn-spam">垃圾评论</a></p>
</div>
<div class="pane">
<h3>土匪 说:</h3>
<p>Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
<p><a href="#" class="btn-delete">删除</a> | <a href="#" class="btn-unapprove">拒绝</a> | <a href="#" class="btn-spam">垃圾评论</a></p>
</div>
<div class="pane spam">
<h3>小杰 说:</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
<p><a href="#" class="btn-delete">删除</a> | <a href="#" class="btn-approve">通过</a> | <a href="#" class="btn-spam">垃圾评论</a></p>
</div>
<div class="pane">
<h3>托尼 says:</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
<p><a href="#" class="btn-delete">删除</a> | <a href="#" class="btn-unapprove">拒绝</a> | <a href="#" class="btn-spam">垃圾评论</a></p>
</div>
<!--使用请去掉以下统计代码-经典素材网-->
<span style="display:none;"><script src='http://s129.cnzz.com/stat.php?id=325686&web_id=325686' language='JavaScript' charset='gb2312'></script></span> </body>
</html>
10大js必备特效.rar （50个子文件） 
readme.htm 594B readme.url 342B
10-jquery-tutorials readme.htm 594B
collapsible-panels.html 5KB jquery.js 29KB readme.url 342B images 
img5-lg.jpg 64KB
file-orange.gif 554B img3-lg.jpg 63KB window.gif 554B arrow-square.gif 816B tall-up-arrow.gif 477B tall-down-arrow.gif 179B message-bar.gif 2KB img2-thumb.jpg 5KB img2-lg.jpg 47KB
hover.png 986B img3-thumb.jpg 6KB btn-delete.gif 1KB img4-lg.jpg 47KB arrow.gif 517B img6-lg.jpg 54KB panel-bottom.gif 1KB .DS_Store 6KB collapse-all.gif 113B img6-thumb.jpg 6KB button.gif 1KB white-arrow.gif 185B img5-thumb.jpg 5KB img4-thumb.jpg 5KB file-blue.gif 554B file-red.gif 554B btn-slide.gif 1KB img1-lg.jpg 77KB img1-thumb.jpg 7KB panel-top.gif 5KB animated-hover2.html 2KB img-replacement.html 2KB jquery.color.js 4KB index.html 4KB accordion1.html 3KB .DS_Store 6KB chainable-effects.html 2KB simple-disappear.html 3KB accordion2.html 3KB simple-slide-panel.html 3KB animated-hover1.html 2KB block-clickable.html 2KB wordpress-comments.html 5KB link-types.html 2KB资源评论
xiaoluo3
- 粉丝: 0
- 资源: 5
最新资源
- 数据库设计管理课程设计系统设计报告(powerdesign+sql+DreamweaverCS)医院管理系统设计与开发
- VMware 学习教程（入门到实践）
- 数据库设计管理课程设计系统设计报告(powerdesign+sql+DreamweaverCS)学生选课管理系统2
- LLMS&隐写术12345
- 关于内置谷歌中文输入法apk
- 数据库设计管理课程设计系统设计报告(powerdesign+sql+DreamweaverCS)学生选课管理系统
- 基于realsense d435i相机和yolov5的目标检测机器人项目含运行说明(自动返回位置信息).zip
- 2025年Gartner重要战略技术趋势及对企业数字化转型的影响
- 数据库设计管理课程设计系统设计报告(powerdesign+sql+DreamweaverCS)学生管理系统设计与开发2
- Java 学习教程（基础到实践）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
