添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 焦点图 >

MSClass插件左右滚动焦点图特效

时间:2013-12-28      来源:科e互联     
特效说明:
一款MSClass插件左右滚动焦点图特效,带左右按钮,自动轮播及点击按钮切换焦点图。图片数量不限,多图js网页特效。优点:图片张数不限,可以添加多张;左右平滑滚动;缺点:IE下滚动时间相对慢一些。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用js代码:
<script src="js/MSClass.js" type="text/javascript"></script>

//IE6 PNG图片透明js插件:
<!--[if IE 6]>
<script src="js/ie6PNG.js" type="text/javascript"></script>
<script type="text/javascript">DD_belatedPNG.fix('*');</script>
<![endif]-->


3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

代码设置说明:
<script type="text/javascript">
new Marquee(
{
    MSClass      : ["CSSBox","CSSContent"],
    Direction : 2,
    PrevBtnID : "LeftButton",
    NextBtnID : "RightButton",
    Step      : 0.3,
    Width      : 583,
    Height      : 402,
    Timer      : 20,
    DelayTime : 3000,
    WaitTime  : 0,
    ScrollStep: 583,
    SwitchType: 0,
    AutoStart : true
});
</script>
相关特效
  • HTML5科幻空间动画背景网页特效

    HTML5科幻空间动画背景网页特效

    一款HTML5科幻空间动画背景网页特效免费下载,该网页特效适用于游戏、科技类网站制作、网页设计背景代码素材。……
    2019-04-12
  • jQuery闪烁粒子动画背景特效

    jQuery闪烁粒子动画背景特效

    一款jQuery闪烁粒子动画背景特效免费下载,该特效基于jquery.parallax.js插件编写,闪烁星空动画背景,页面元素随鼠标运动而运动。……
    2016-12-23
  • jQuery手指滑动刻度尺选择值特效

    jQuery手指滑动刻度尺选择值特效

    一款jQuery手指滑动刻度尺选择值特效免费下载,该特效适用于微信网站、手机站等移动端触屏设备使用,可以用手指左右滑动选择刻度值。……
    2016-12-01
  • SVG制作旋转地图动画

    SVG制作旋转地图动画

    一款SVG制作旋转地图动画免费下载,该SVG地球特效自适应兼容主流浏览器。……
    2016-12-01
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • jQuery响应式网格列表变化左右滑动焦点图特效

    jQuery响应式网格列表变化左右滑动焦点图特效

    一款jQuery响应式网格列表变化左右滑动焦点图特效下载,该特效基于Bootstrap框架制作,是一款可以将指定的网格内容扩展为旋转木马效果,通过左右按钮切换播放。……
    2016-08-16
  • jQuery+CSS3登录/注册动画窗口网页特效

    jQuery+CSS3登录/注册动画窗口网页特效

    一款jQuery+CSS3登录/注册动画窗口特效代码下载,该网页特效是一款采用UI界面设计风格,配合使用CSS3动画和少量jQuery代码来制作,整体感觉时尚大方。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28
  • HTML5网站开场动画网页特效

    HTML5网站开场动画网页特效

    一款HTML5网站开场动画网页特效免费下载,该特效基于HTML5+CSS3制作,利用background背景位置移动实现动画效果。……
    2016-06-24
  • swiper.js制作移动端响应式幻灯片特效

    swiper.js制作移动端响应式幻灯片特效

    一款swiper.js制作移动端响应式幻灯片特效下载,自适应图片宽、高比例缩放,自适应浏览器宽度,支持手指左右滑屏切换图片幻灯特效代码。……
    2016-06-19

最新更新特效

设计分享