189 8069 5689

jquery如何使用skitter插件-创新互联

小编给大家分享一下jquery如何使用skitter插件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

10年积累的成都网站建设、网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有朝阳免费网站建设让你可以放心的选择与我们合作。

下载地址:http://www.skitter-slider.net


    这个插件大的特色是,它在翻页或滑动时有非常多的动画效果,比如立方体形、管道形等等。它还给用户提供一系列选项进行大限度的自定义,例如,动画速度,转换间隔,图片文字标签的设置等。

    使用很简单,给予正确的配置就行。


    详细配置参数见:http://blog.sina.com.cn/s/blog_7f95e24b01017ts9.html 和官网。这里不再赘述。

    jquery如何使用skitter插件


这里主要讲一下它的缺点。

缺点一:

    也算是BUG我觉得,参数设置全屏的时候宽屏图片显示没问题(官网上全是宽屏图片),当窄屏大图片全屏时就不如人意了,以下对比:


jquery如何使用skitter插件

jquery如何使用skitter插件

可以清楚的看出来不和谐之处。查看代码才知道它的‘父母’考虑不周全

jquery如何使用skitter插件

只定义了高度,没有定义宽度(自己写程序的时候就要注意,要想到所有可能的情况)。于是乎:

jquery如何使用skitter插件

看效果:

jquery如何使用skitter插件

缺点二:

    不支持手机滑动换图。对于本来就是要用于手机端的我怎能容忍。


    继续修改源码。借助另一个插件jquery_mobile。


  (去学校学习)用法:


    jquery如何使用skitter插件

 看源码,找到适合修改的地方,加入代码:


    jquery如何使用skitter插件

    其实这个是仿照它的前一个和后一个按钮触发事件写的,只不过触发源改了。

以上是“jquery如何使用skitter插件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:jquery如何使用skitter插件-创新互联
网页链接:http://jkwzsj.com/article/esjde.html

其他资讯