jqueryでテキストのマスクを行う方法はありますか? たとえば、背景付きのスライダーがあり、背景の外側にあるテキストをマスク (非表示) したい -(外側)-(制限)-テキスト-(制限)-(外側)- とテキストは 2 つの方向に進んでいます:左→右、右→左。（制限を超えるテキストを非表示にしたい）上記は画像であるため、幅を変更することはできませんこれは私のスライダークラスです：
#slider-prod {
float: left;
margin: 19px 0 0 67px;
width: 751px;
height: 257px;
overflow: hidden;
}
#slider-prod ul {}
#slider-prod ul li img {display: block;float: left;}
#slider-prod ul li{display: block;float: left;width: 751px;height: 257px;}
#slider-prod ul li p{ font-family:'Helvetica-BoldOblique'; text-shadow: 1px 0 1px #ffffff;
display: block;
float: left;
text-align: left;
line-height: 42px;
font-size: 15px;line-height: 19px;color: #204383}
#slider-prod ul li span{
font-family:'Helvetica-BoldOblique'; text-shadow: 1px 0 1px #ffffff;
font-size: 17px;
line-height: 42px;
color: #ff7b00;
display: block;
float: left;
clear: both;
}