标签归档：jQuerySlider

jquery图片横向左右滚动效果（带按钮控制）

发表于 2011/05/07 由 前端开发-武方博  6,440 views

这个效果实例是我在去年买的一本书里面读到的，想必大家也知道那本书，就不提名字了，直接上下源代码 代码里面的注释很清楚，方便大家学习。 演示地址：http://www.wufangbo.com/demo/jquery/11/index.html 下载地址：http://www.wufangbo.com/demo/jquery/11/11.rar html代码   <div class="v_show"> <div class="v_caption"> <h2 class="cartoon" title="卡通动漫">卡通动漫</h2> <div class="highlight_tip"> <span class="current">1</span><span>2</span><span>3</span><span>4</span> </div> <div class="change_btn"> <span class="prev" >上一页</span> <span class="next">下一页</span> </div> <em><a href......查看更多>>

发表在 jquery, 前端开发 | 标签为 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 2 条评论

Jquery图片无缝左右滚动插件

发表于 2011/05/01 由 前端开发-武方博  3,192 views

  zhw.scroll-1.0.js /* 功能：Jquery无缝滚动插件zhw.scroll-1.0.js 作者：leo 注意：暂只支持div下ul li的滚动 交流：xandchd_kane@163.com */ jQuery.extend({     Scroll: function(settings) {         //初始化参数         var config = $.extend({             stepWidth: 100,         // 滚动步长             waitTime: 4000,         // 间歇时间           &......查看更多>>

发表在 jquery, 前端开发 | 标签为 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 留下评论

jQuery图片左右滚动和jquery图片左右连续滚动

发表于 2011/04/27 由 前端开发-武方博  4,089 views

  公司网站要用到jQuery横向滚动图片特效，当时我为了速度，直接找了一段jQuery代码放上去了。缺点有两个：一、主管不满意，他需要的是连续不断的滚动，就是无缝滚动，而不是滚动一张图片，等一下再滚动一张图片；二、代码有个地方浏览器报错，我不知道为什么，但是删了也不行，必须要。 花了好长一段时间，找代码、改代码，终于搞定了上面提到的两个效果：滚动停一下、无缝滚动。感谢群里点拨我的朋友，感谢Google提供信息，感谢网上不知名的朋友提供代码。 jQuery滚动图片（非连续滚动） 演示地址：http://www.wufangbo.com/demo/jquery/06/index.html 下载地址：http://www.wufangbo.com/demo/jquery/06/06.rar 这段代码思路很简单，把ul里的li都浮动左，变成一横排。然后ul往左边animate移动一个图片的宽度，把第一张图片追加到最后。用setInterval实现不断调用这个方法即可。最后加上鼠标移上去停止调用方法，移开继续调用方法就OK了。 代码我就补......查看更多>>

发表在 jquery, 前端开发 | 标签为 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 4 条评论

Jquery 仿手机左右拖动滑屏效果

发表于 2011/04/21 由 前端开发-武方博  2,363 views

  前不久公司有个项目是在触摸屏上做产品展示，大家都觉得Iphone或者Android上的滑屏效果不错，我今天也顺便做了一个DEMO，滑屏效果的，预览图如下 　　 演示地址：http://www.wufangbo.com/demo/jquery/04/index.html 下载地址：http://www.wufangbo.com/demo/jquery/04/04.rar   查看更多>>

发表在 jquery | 标签为 , , , , , , , , , , , , , , , , , , , , , | 留下评论

21佳经典jQuerySlider特效案例演示及下载

发表于 2010/12/25 由 前端开发-武方博  836 views

使用jQuery制作slider图片切换效果是一个非常简单的工作，只要设置好css和简单的js代码就可以。本文列举21个最常使用的slider特效，如果您正在为此而烦心那就来看看吧。 Lof jSiderNews Plugin Nivo Slider Jquery Slide Deck jCoverFlip Avia Slider DD Slider Sexy Slider Boutique Carousel Kwicks for jQuery – Accordion Slider The plugin is called Kwicks and you can download it from the Kwicks Home Page but I`m presenting you below another demo from Kriesi, on his wordpress theme, Newscast. Apple Style Slider This jQuery Slider is not actually a plugin, is just a jQuery tutorial but I like it very much and just wanted to share it with you. It was build in the characteristic Apple style and is simply awesome. You can view the tutorial or just view the demo. Coda Slider 2.0 The plugin is the......查看更多>>

发表在 群组收集资源 | 标签为 , , , | 留下评论

40佳网页设计常用经典jQuery插件代码

发表于 2010/12/09 由 前端开发-武方博  1,352 views

jQuery的强大与适应性，无须多言。本文收集40个精典的常用案例，我们可以一起分析并学习，最后应用到我们自已的作品当中。 1. Custom Animation Banner with jQuery In this tutorial you will learn how to create a custom animation banner with jQuery by using the jQuery Easing Plugin and the jQuery 2D Transform Plugin. The idea is to have different elements in a banner that will animate step-wise in a custom way. View Demo 2. Moving Boxes Carousel with jQuery In this you will learn how to create a slider, that have buttons to change panels and the panels zoom in and out. View Demo 3. Quick Feedback Form – jQuery & PHP A simple solution to this problem. Powered by jQuery, PHP and the PHPMailer class, this form sends the users’ suggestions directly to your mailbox. View Demo 4. Wijmo – jQue......查看更多>>

发表在 群组收集资源 | 标签为 , , , , , , | 留下评论