jQuery scroll (바운스) 테이블 셀 안의 긴 텍스트

Question

2 개의 열이 있고 하나는 너비가 설정되어 있고 다른 하나는 나머지 페이지를 차지합니다. http://jsfiddle.net/Misiu/y22Tk/2/

첫 줄 짧은 카테고리를 포함하지만, 제 이가와 하위를 포함 첫 번째 열에

I는 (이것은 ASP 의해 생성되는) 표 추천

여기에 도시 된 2 개 TR 요소를 포함하는 다른 테이블을 긴 텍스트.

내가 얻고 싶은 것은 내 긴 텍스트 (예 : overflow: hidden)를 숨기고 jQuery 스크롤러를 추가하여 마우스를 스크롤 한 후에 스크롤하는 것입니다.

필자는이 예제를 div에 추가하여 관리하고 있지만 다른 효과를 얻고 싶습니다.

처음에는 텍스트 일부가 보이기를 원합니다 (보통 overflow: hidden처럼).

지금 전체 텍스트는 보이지 않으며 스크롤 한 후에 만 ​​표시됩니다.

셀에서 완전히 스크롤하는 것 외에, 셀 주변을 감싸는 것이 좋습니다. 텍스트의 일부가 왼쪽에 숨겨지면 오른쪽에 표시되기 시작하거나 왼쪽에서 오른쪽으로 튀어 나올 수 있습니다.

어떤 조언 내가이 일을 관리했습니다

---

: 평가 : http://jsfiddle.net/Misiu/kGxm7/1/하지만 이것은 단지 시작 지점입니다. 나는 등 더 많은 옵션을 제공하기 위해

Answer 1

이것은 간단한 예입니다 (내 테이블에 일부 TD 년대에) 사이트에 여러 개체에이 전화를 할 수 있어야 있지만 확장 할 수

http://jsfiddle.net/kGxm7/2/

기본적으로 두 개의 jquery 함수입니다. 하나는 반복되는 "바운스 (bounce)"효과를 시작하고, 다른 하나는 바운스를 멈추고 위치를 재설정합니다. 마우스 오버시 첫 번째 기능을 호출하고 mouseout시 두 번째 기능을 호출합니다.