search

Home >Web Front-end >JS Tutorial >jQuery partner left and right scrolling effects_jquery

jQuery partner left and right scrolling effects_jquery

WBOY
WBOYOriginal
2016-05-16 15:42:531662browse

The example in this article describes the left and right scrolling effects of jQuery partners and is shared with everyone for your reference. The details are as follows:
A partner left and right scrolling special effect code based on jQuery. It is a partner left and right scrolling web page special effect with left and right arrows and automatic scrolling friendly links. The mouse slides over to stop automatic scrolling. When the mouse leaves, it automatically scrolls. Click the left and right buttons to switch the left and right scrolling Logo to switch web page special effects. . It can be used at the bottom of the website as a special effect for partner display or friend link display. It is a very excellent special effects source code.
Operation rendering: --------------------------View the effect Download the source code-------- ---------------

Tips: If the browser does not work properly, you can try switching the browsing mode.
The jQuery partner left and right scrolling effect code shared with you is as follows 

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

The above is the jQuery partner left and right scrolling special effect code shared with you. I hope you like it.

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：jQuery implements TAB style sliding switching effect code for provinces and cities across the country_jqueryNext article：jQuery implements TAB style sliding switching effect code for provinces and cities across the country_jquery

Related articles

See more