jQuery-Partner links und rechts scrollen effects

jQuery-Partner links und rechts scrollen effects_jquery

WBOY

Freigeben： 2016-05-16 15:42:53

Original

1625 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Links- und Rechts-Scroll-Effekte von jQuery-Partnern und wird zu Referenzzwecken mit allen geteilt. Die Details lauten wie folgt:
Ein Partner-Links- und Rechts-Scroll-Spezialeffektcode, der auf jQuery basiert. Es handelt sich um einen Partner-Links- und Rechts-Scroll-Spezialeffekt mit Links- und Rechts-Pfeilen und automatisch scrollbaren Links. Es wird automatisch gescrollt. Klicken Sie auf die linke und rechte Schaltfläche, um das linke und rechte Bildlauflogo zu wechseln, um die Spezialeffekte der Webseite zu wechseln. Es kann am Ende der Website als Spezialeffekt für die Anzeige von Partner- oder Freundeslinks verwendet werden. Es handelt sich um einen sehr hervorragenden Quellcode für Spezialeffekte.
Vorgangsrendering: -----------Effekt anzeigen Quellcode herunterladen-- ------ ---------------

Tipps: Wenn der Browser nicht richtig funktioniert, können Sie versuchen, den Browsermodus zu wechseln.
Der mit Ihnen geteilte Code für den linken und rechten Scrolleffekt des jQuery-Partners lautet wie folgt

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery合作伙伴左右滚动特效 - 脚本之家</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="js/ss.js"></script>
</head>
<body>
<div style="width:685px; margin:0 auto">
<div class="mr_t1 mt14">
 <div class="mr_t1name">
 <img src="images/mt_ico6.jpg" />合作伙伴
 </div>
</div>
<div class="mr_frbox">
 <img class="mr_frBtnL prev" src="images/mfrL.jpg" width="28" height="46" />
 <div class="mr_frUl">
 <ul>
 <li><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_1.jpg" width="123" height="52" /></a><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_2.jpg" width="123" height="52" /></a></li>
 <li><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_3.jpg" width="123" height="52" /></a><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_6.jpg" width="123" height="52" /></a></li>
 <li><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_4.jpg" width="123" height="52" /></a><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_7.jpg" width="123" height="52" /></a></li>
 <li><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_5.jpg" width="123" height="52" /></a><a href="http://www.jb51.net" target="_blank"><img src="images/mfr_8.jpg" width="123" height="52" /></a></li>
 </ul>
 </div>
 <img class="mr_frBtnR next" src="images/mfrR.jpg" width="28" height="46" />
</div>
<script language="javascript">
$(".mr_frUl ul li img").hover(function(){$(this).css("border-color","#A0C0EB");},function(){$(this).css("border-color","#d8d8d8")});
jQuery(".mr_frbox").slide({titCell:"",mainCell:".mr_frUl ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:4});
</script>
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源：<a href="http://www.jb51.net/" target="_blank">脚本之家</a></p>
</div>
</body>
</html>

Nach dem Login kopieren

Das Obige ist der mit Ihnen geteilte Spezialeffektcode für den linken und rechten jQuery-Partner. Ich hoffe, er gefällt Ihnen.