SuperSlide 태그 스위칭, 초점지도 다중 조합 플러그인

저자：Eve Cole 업데이트 시간：2025-03-25 19:00:03

이 플러그인에는 SuperSlide 태그 스위칭을위한 여러 조합 플러그인이 포함되어 있습니다. Superslide는 통합 된 웹 사이트 특수 효과 통화를 달성하는 데 전용되는 기능입니다. (IE 커널 (Invincible IE6 포함), WebKit 커널, FF, 연산자 등과 같은 주류 브라우저와 호환). 웹 사이트 용 Unified Plug-In 라이브러리에는 웹 사이트에서 일반적으로 사용되는 JS 효과의 대부분이 포함되어 있습니다. 파일에는 사용에 대한 자세한 설명이 포함되어 있습니다.

JS 전화 :

코드 사본은 다음과 같습니다.

jQuery ( ". slidetxtbox"). 슬라이드 ({effect : "left"});

jQuery ( "#doublesLidetxt"). 슬라이드 ({titcell : ". parhd li", maincell : ". parbdin", effect : "top", trigger : "click"});

CSS 코드 :

코드 사본은 다음과 같습니다.

/* 더블 슬라이드 텍스트 스크롤 효과*/

#doubleslidetxt {width : 1;

#doubleslidetxt {Z-index : 왼쪽;

#doubleslidetxt.

마진 바닥 : #fff;

#doubleslidetxt.

왼쪽 : 0px; Z- 인덱스;

#doubleslidetxt.

#doubleslidetxt .slidetxtbox {#ffff : 400px;

#doubleslidetxt .parbd .slidetxtbox .hd {background : #fff;

HTML :

코드 사본은 다음과 같습니다.

<! doctype html public "-// w3c // dtd xhtml 1.0 엄격한 // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-srtrict.dtd">

</head>

<body>

<!-내용->

<div>

<div>

<ul>

</ul>

</div>

<!-parbd s->

<div>

<!-slidetxtbox s->

<div>

<ul> <li> <a href = ""> Education1 </a> </li> <li> <a href = ""> training1 </a> </li> <li> <a href = ""> 해외로 가기 1 </a> </li> </ul>

</div>

<div>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 중국은 세계 소프트웨어 거인의 규칙을 깨뜨립니다 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 농장에서 야채를 선택하는 것보다 외국어를 온라인으로 배우는 것이 좋습니다 </a> </li>

</ul>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 유명한 교사들은 에세이를 가르칩니다.

<li> <span> 2011-11-11 </span> <a href = ""> Yale Boy : SAT 시험 준비를 가르쳐주세요 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> Shi Qiang : 고급 전문 언어 교육 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 권장】 권위있는 학교의 영어 방법이 노출되었습니다! </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 2012 년 대학 입학 시험의 "테스트 포인트"가 노출되었습니다 !! </a> </li>

</ul>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 호주에있는 8 개의 유명한 학교 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 2012 세계 대학 순위가 새로 출시되었습니다 </a> </li>

</ul>

</div>

<!-slidetxtbox e->

<!-slidetxtbox s->

<div>

</div>

<div>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 중국은 세계 소프트웨어 거인의 규칙을 깨뜨립니다 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 농장에서 야채를 선택하는 것보다 외국어를 온라인으로 배우는 것이 좋습니다 </a> </li>

</ul>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 유명한 교사들은 에세이를 가르칩니다.

<li> <span> 2011-11-11 </span> <a href = ""> Yale Boy : SAT 시험 준비를 가르쳐주세요 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> Shi Qiang : 고급 전문 언어 교육 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 권장】 권위있는 학교의 영어 방법이 노출되었습니다! </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 2012 년 대학 입학 시험의 "테스트 포인트"가 노출되었습니다 !! </a> </li>

</ul>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 호주에있는 8 개의 유명한 학교 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 2012 세계 대학 순위가 새로 출시되었습니다 </a> </li>

</ul>

</div>

<!-slidetxtbox e->

<!-slidetxtbox s->

<div>

<ul> <li> <a href = ""> Education3 </a> </li> <li> <a href = ""> Training3 </a> </li> <li> <a href = ""> 해외로 가기 3 </a> </li> </ul>

</div>

<div>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 중국은 세계 소프트웨어 거인의 규칙을 깨뜨립니다 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 농장에서 야채를 선택하는 것보다 외국어를 온라인으로 배우는 것이 좋습니다 </a> </li>

</ul>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 유명한 교사들은 에세이를 가르칩니다.

<li> <span> 2011-11-11 </span> <a href = ""> Yale Boy : SAT 시험 준비를 가르쳐주세요 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> Shi Qiang : 고급 전문 언어 교육 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 권장】 권위있는 학교의 영어 방법이 노출되었습니다! </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 2012 년 대학 입학 시험의 "테스트 포인트"가 노출되었습니다 !! </a> </li>

</ul>

<ul>

<li> <span> 2011-11-11 </span> <a href = ""> 호주에있는 8 개의 유명한 학교 </a> </li>

<li> <span> 2011-11-11 </span> <a href = ""> 2012 세계 대학 순위가 새로 출시되었습니다 </a> </li>

</ul>

</div>

<!-slidetxtbox e->

</div>

<!-parbd e->

</div>

jQuery ( ". slidetxtbox"). 슬라이드 ({effect : "left"});

jQuery ( "#doubleslidetxt"). 슬라이드 ({titlecell : ". parhd li", maincell : ". parbdin", effect : "top", trigger : "click"});

</스크립트>

</div>

<!-내용 e->

</body>

</html>

위는이 기사의 전체 내용입니다. 나는 당신이 그것을 좋아하기를 바랍니다.