recherche

Maison >interface Web >js tutoriel >Partenaire jQuery effets de défilement gauche et droit_jquery

Partenaire jQuery effets de défilement gauche et droit_jquery

WBOY
WBOYoriginal
2016-05-16 15:42:531660parcourir

L'exemple de cet article décrit les effets de défilement gauche et droit des partenaires jQuery et est partagé avec tout le monde pour votre référence. Les détails sont les suivants :
Un code d'effet spécial de défilement gauche et droit partenaire basé sur jQuery. Il s'agit d'un effet spécial de page Web de défilement gauche et droit partenaire avec des flèches gauche et droite et des liens conviviaux de défilement automatique. il défile automatiquement. Cliquez sur les boutons gauche et droit pour basculer le logo défilant vers la gauche et la droite afin de changer les effets spéciaux de la page Web. Il peut être utilisé au bas du site Web comme effet spécial pour l'affichage des partenaires ou l'affichage des liens amis. C'est un très excellent code source d'effets spéciaux.
Opération de rendu : ----------------Voir l'effet Télécharger le code source-- ------ ---------------

Conseils : Si le navigateur ne fonctionne pas correctement, vous pouvez essayer de changer de mode de navigation.
Le code d'effet de défilement gauche et droit du partenaire jQuery partagé avec vous est le suivant 

<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>

Ce qui précède est le code d'effet spécial de défilement gauche et droit du partenaire jQuery partagé avec vous. J'espère qu'il vous plaira.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：jQuery implémente le code d'effet de commutation coulissante de style TAB pour les provinces et les villes du pays_jqueryArticle suivant：jQuery implémente le code d'effet de commutation coulissante de style TAB pour les provinces et les villes du pays_jquery

Articles Liés

Voir plus