>웹 프론트엔드 >JS 튜토리얼 >jquery_jquery를 기반으로 한 핫 콘텐츠 회전 효과

jquery_jquery를 기반으로 한 핫 콘텐츠 회전 효과

WBOY
WBOY원래의
2016-05-16 18:05:111038검색

렌더링:
jquery_jquery를 기반으로 한 핫 콘텐츠 회전 효과
핵심 코드:

코드 복사 코드는 다음과 같습니다.


Ace 열 일반 기능



> ;

jQuery(function (j) {
var r = j('#regular_features'),
btns = r.find(' > div.tabs > ; a'),
el_ani = r.find('> ul'),
el_pages = el_ani.find('> li'),
pages = el_pages.length,
p = 0,
pw = 219;
btns.each(function (idx, btn) {
btn = j(btn);
btn.mouseenter(function (ev ) {
if (idx != p) {
j(btns[p]).removeClass('on')
btn.addClass('on')
p =
el_ani.stop; ().animate({ top: -pw * idx }, 300);
}
return false
}).eq(1); >})


데모 코드:

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.