jQuery实现图片左右滚动特效


Posted in Javascript onApril 20, 2020

本文实例讲述了jQuery合作伙伴左右滚动特效,分享给大家供大家参考,具体如下:

一款基于jQuery合作伙伴左右滚动特效代码,是一款带左右箭头及自动滚动友情链接合作伙伴左右滚动网页特效,鼠标滑过停止自动滚动,鼠标离开自动滚动,点击左右按钮左右滚动Logo切换网页特效。可用于网站底部作为合作伙伴展示或友链展示的特效,是一款非常优秀的特效源码。

运行效果图:----------------------查看效果 下载源码-----------------------

jQuery实现图片左右滚动特效

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

<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="//3water.com" target="_blank"><img src="images/mfr_1.jpg" width="123" height="52" /></a><a href="//3water.com" target="_blank"><img src="images/mfr_2.jpg" width="123" height="52" /></a></li>
 <li><a href="//3water.com" target="_blank"><img src="images/mfr_3.jpg" width="123" height="52" /></a><a href="//3water.com" target="_blank"><img src="images/mfr_6.jpg" width="123" height="52" /></a></li>
 <li><a href="//3water.com" target="_blank"><img src="images/mfr_4.jpg" width="123" height="52" /></a><a href="//3water.com" target="_blank"><img src="images/mfr_7.jpg" width="123" height="52" /></a></li>
 <li><a href="//3water.com" target="_blank"><img src="images/mfr_5.jpg" width="123" height="52" /></a><a href="//3water.com" 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="//3water.com/" target="_blank">三水点靠木</a></p>
</div>
</body>
</html>

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

Javascript 相关文章推荐
javascrip关于继承的小例子
May 10 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
Jul 20 Javascript
JS简单获取及显示当前时间的方法
Aug 03 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
JS获得多个同name 的input输入框的值的实现方法
Jan 09 Javascript
JavaScript实现省市县三级级联特效
May 16 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
Jun 20 Javascript
什么是Vue.js框架 为什么选择它?
Oct 17 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
vue router 通过路由来实现切换头部标题功能
Apr 24 Javascript
JS+CSS实现滑动切换tab菜单效果
Aug 25 #Javascript
jquery图片滚动放大代码分享(1)
Aug 25 #Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
Aug 25 #Javascript
jquery实现的3D旋转木马特效代码分享
Aug 25 #Javascript
jQuery+CSS实现的网页二级下滑菜单效果
Aug 25 #Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 #Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
Aug 25 #Javascript
You might like
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
发一个php简单的伪原创程序,配合商城采集用的
2010/10/12 PHP
destoon二次开发常用数据库操作
2014/06/21 PHP
php防止sql注入的方法详解
2017/02/20 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
微信中一些常用的js方法汇总
2015/03/12 Javascript
常用DOM整理
2015/06/16 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
浅谈jQuery中的checkbox问题
2016/08/10 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
微信小程序 视图容器组件的详解及实例代码
2017/01/19 Javascript
bootstrap PrintThis打印插件使用详解
2017/02/20 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
Angular ElementRef简介及其使用
2018/10/01 Javascript
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
2018/11/05 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
2019/07/10 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python 远程统计文件代码分享
2015/05/14 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
关于PyTorch源码解读之torchvision.models
2019/08/17 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
HTML5的结构和语义(1):前言
2008/10/17 HTML / CSS
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
口腔工艺技术专业毕业生自荐信
2013/09/27 职场文书
工业自动化专业自荐信范文
2014/04/10 职场文书
新年寄语大全
2014/04/12 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
2016年感恩教师节校园广播稿
2015/12/18 职场文书