郑州网站建设-选河南蓝腾科技,您身边值得信赖的郑州网站建设公司。

  • 郑州网站建设-专业源于专注
  • 郑州网站建设-专注服务项目
  • 郑州网站建设-网络营销推广
  • 郑州网站建设-选择蓝腾

网站建设技术之图片切换

2015/9/1 11:19:09 0人评论 2049次浏览 分类:公司新闻 来源:www.371wangluo.com

    在网站建设的过程中,为了使整个网站的效果更加的有动感,同时吸引浏览客户,就会借助于图片切换技术进行处理。今天我们主要介绍一直MSClass.js的应用。

    MSClass.js可以兼容大多数浏览器,切入效果Tween缓动类全支持,几乎支持目前所有流行风格的图片或文字的滚动/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。可以实现图片的滚动、切换等等多种特效,带左右按钮,自动轮播及点击按钮切换焦点图。图片数量不限,多图js网页特效。优点:图片张数不限,可以添加多张;左右平滑滚动;缺点:IE下滚动时间相对慢一些。

    使用方法:

    调用相关的js文件

    <script src="js/MSClass.js" type="text/javascript"></script>

    选择需要使用的特效技术,有三种常见的方法:

    参数直接赋值法:

        <script type="text/javascript">
            new Marquee("Marquee",0,1,760,104,50,5000,3000,52)
            new Marquee("Marquee",null,null,760,104,null,5000,null,-1)
        </script>

    参数动态赋值法:

    <script type="text/javascript">
        var Marquee1 = new Marquee("Marquee") *此参数必选
        Marquee1.Direction = "top"; 或者 Marquee1.Direction = 0;
        Marquee1.Step = 1;
        Marquee1.Width = 760;
        Marquee1.Height = 52;
        Marquee1.Timer = 50;
        Marquee1.DelayTime = 5000;
        Marquee1.WaitTime = 3000;
        Marquee1.ScrollStep = 52;
        Marquee1.Start();
    </script>

    对象直接赋值法:

    <script type="text/javascript">
    new Marquee(
        {
        MSClass : {MSClassID :  "MSClassBox " , ContentID :  "ContentID " , TabID :  "TabID "},
        Direction : "top",
         Step : 0.1,
         Width : 760,
         Height : 52,
         Timer : 50,
        DelayTime : 5000,
         WaitTime : 3000,
         ScrollStep: 52,
         AutoStart : 1
         });


        new Marquee(
         {
         MSClassID :  "MSClassBox ",
         ContentID :  "ContentID ",
         TabID :  "TabID ",
         Direction : "top",
         Step : [0.5,30],
         Width : 760,
         Height : 52,
         Timer : 50,
         DelayTime : 5000,
         WaitTime : 3000,
         ScrollStep: 52,
         AutoStart : 1
         });

    new Marquee(
    {
        MSClass : ["MSClassBox ","ContentID ","TabID "],
        Direction : "top",
        Step : [0.4,"easeOutElastic"],
        Width : 760,
        Height : 52,
        Timer : 50,
        DelayTime : 5000,
        WaitTime : 3000,
        ScrollStep: 52,
        AutoStart : 1
        });
        </script>

    通过上述方法可以实现所有常见的图片效果,郑州网站建设提供最好的技术和网络营销服务,期待与您的合作。

    

本文出自 郑州网站建设 : http://www.371wangluo.com/news/show-265.html 转载请注明出处。

河南郑州网站推广
河南郑州网站建设
河南郑州网站建设
河南郑州网站建设
地址:郑州市金水区农业路16号省汇中心 电话:0371-53661766 传真:0371-53661766
联系人:安经理 业务专线:15136282848 邮箱:lantentech@163.com QQ:2557787088
河南蓝腾计算机科技有限公司 版权所有
友情链接: 洛阳网站建设   郑州SEO   郑州高端网站建设   郑州做网站公司   郑州网站托管   昆明seo   安阳网站建设   洛阳做网站   郑州网站优化   郑州专业网站建设   郑州网站制作   织梦模板   深圳网站优化   西安网站优化   长春seo   网站优化   兰州网站建设   建站宝盒   深圳网站建设   韩国服务器租用   影楼网站建设   郑州网站建设公司