功能:过长文章内容实现 通过查看更多实现
js代码直接套, 示例CSS 请忽视, 具体根据需求设置
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery文本段落展开和折叠效果</title>
<style>
html,body,div,h2,p{
margin: 0;padding: 0;}
html{
font: 1em Arial, Helvetica, sans-serif;color: #444;}
a{
color: #0087f1;}
p{
margin-bottom: 5px;}
#container{
margin: 0 auto;width: 600px;}
#container h2{
font-size: 20px;color: #0087f1;}
#wrap{
position: relative;padding: 10px;overflow: hidden;}
#gradient{
width: 100%;height: 35px;background: url() repeat-x;position: absolute;bottom: 0;left: 0;}
#read-more{
padding: 5px;border-top: 4px double #ddd;background: #fff;color: #333;}
#read-more a{
padding-right: 22px;background: url() no-repeat