jQuery合作伙伴左右滚动特效

前端技术 2023/09/07 JavaScript

本文实例讲述了jQuery合作伙伴左右滚动特效，分享给大家供大家参考。具体如下：
一款基于jQuery合作伙伴左右滚动特效代码，是一款带左右箭头及自动滚动友情链接合作伙伴左右滚动网页特效，鼠标滑过停止自动滚动，鼠标离开自动滚动，点击左右按钮左右滚动Logo切换网页特效。可用于网站底部作为合作伙伴展示或友链展示的特效，是一款非常优秀的特效源码。
运行效果图：----------------------查看效果 下载源码-----------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。
为大家分享的jQuery合作伙伴左右滚动特效代码如下

<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>jQuery合作伙伴左右滚动特效 - phpstudy</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.phpstudy.net\" target=\"_blank\"><img src=\"images/mfr_1.jpg\" width=\"123\" height=\"52\" /></a><a href=\"http://www.phpstudy.net\" target=\"_blank\"><img src=\"images/mfr_2.jpg\" width=\"123\" height=\"52\" /></a></li>
 <li><a href=\"http://www.phpstudy.net\" target=\"_blank\"><img src=\"images/mfr_3.jpg\" width=\"123\" height=\"52\" /></a><a href=\"http://www.phpstudy.net\" target=\"_blank\"><img src=\"images/mfr_6.jpg\" width=\"123\" height=\"52\" /></a></li>
 <li><a href=\"http://www.phpstudy.net\" target=\"_blank\"><img src=\"images/mfr_4.jpg\" width=\"123\" height=\"52\" /></a><a href=\"http://www.phpstudy.net\" target=\"_blank\"><img src=\"images/mfr_7.jpg\" width=\"123\" height=\"52\" /></a></li>
 <li><a href=\"http://www.phpstudy.net\" target=\"_blank\"><img src=\"images/mfr_5.jpg\" width=\"123\" height=\"52\" /></a><a href=\"http://www.phpstudy.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.phpstudy.net/\" target=\"_blank\">phpstudy</a></p>
</div>
</body>
</html>

以上就是为大家分享的jQuery合作伙伴左右滚动特效代码，希望大家可以喜欢。

本文地址：https://www.stayed.cn/item/18467

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案