JQuery插件：JQuery.Slidebox.JS

最新推荐文章于 2021-05-31 13:30:55 发布
最新推荐文章于 2021-05-31 13:30:55 发布
阅读量221 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/kidi/archive/2011/06/09/2076762.html
版权

这是之前做项目时，写了一个相册效果的JQuery插件，自我感觉良好就拿出来给大家分享一下，欢迎大家留言，可以多多提建议哈。

为了方便交流，已经将完整的程序打包，具体请看文章结尾部分。

效果图： 

 

喜欢的朋友，请到我的个人博客下载。

测试地址： jquery.slidebox.html

下载地址：RAR格式 

转载于:https://www.cnblogs.com/kidi/archive/2011/06/09/2076762.html

weixin_30767921
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery插件之图片轮播插件–slideBox
淡忘~浅思
09-30 6280
今天偶然发现了一个比较好用的图片轮播插件—slideBox 先看看效果：http://slidebox.sinaapp.com/ 代码如下 1: <!doctype html> 2: <html> 3: <head> 4: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5: <title>slideBox轮播插件</title> 6: <link href="css/
jquery插件——jquery.slides.min.js
Tomorrow never comes
06-08 5263
实现图片更换效果： 1.引入插件库：<script type="text/javascript" src="${base}/resources/shop/js/jquery.slides.min.js"></script>2.css定义样式：<style> #slides { display: none } #slides .slidesjs-navigation {
jquery图片滚动插件slideBox
12-30
jquery图片滚动插件slideBox
[原创]修改jquery.slideBox.js插件,自定义部分事件
大象的博客
11-09 1751
项目中对于首页中的图片切换展示需要修改部分功能,而使用的是jquery.slideBox插件 修改:让右下角的按钮点击不会跳转页面,只是切换图片 插件中会先 var lis = ul.find('li');//获取右下角的圆圈 然后会去遍历此dom集合 lis.each(function(i,n){ //...对每个按钮添加样式或者触发事件 }) 在上面这个遍历函数中会有 $(''
JQuery slidebox实现图片轮播
weixin_30594001的博客
09-02 659
jQuery图片轮播(焦点图)插件jquery.slideBox,简单设置下参数就可以多个多种动画效果，左右，上下，速度，还可指定默认显示第N张，点击的按钮在现代浏览中可以实现圆形或圆角效果，插件代码简洁，运行效率高,兼容IE6+，Chrome，Firefox，Opera，safari，具有良好用的用户体验效果。下面来看下使用方法吧。 1、引入核心文件 ...
js给select下拉框赋值-通过jquery方法赋值；jqueryslideBox（jquery轮播）；jquery获取当前输入框值、is函数、function($)含义
qq_45699990的博客
05-12 3302
JS_Select赋值的几种方式 jquery添加元素菜鸟教程 时间控件联动，根据选择日期+7天
绝对可用jquery.slideBox
02-06
5. `jquery.slideBox.min.js`：这是滑动框插件的JavaScript文件，包含了所有必需的逻辑和函数。在HTML文件中，开发者需要将这个文件链接到页面中，并调用相应的初始化方法来启动滑动框。 使用jQuery.slideBox，...
jquery slidebox图片切换插件多种新闻焦点图片滑动切换
10-30
jQuery Slidebox是一款基于JavaScript库jQuery的图片切换插件，专为新闻焦点或产品展示设计。它提供多种切换效果，如淡入淡出、左右滑动等，让网页中的图片轮播更加生动。Slidebox的主要优点在于其易于使用、高度可...
jquery slideBox
04-17
jQuery SlideBox是一款基于JavaScript库jQuery的轻量级轮播插件，主要用于实现图片或内容的自动滑动展示。其核心特性包括自动播放、手动控制、过渡效果等，为网页设计提供了丰富的自定义选项，可以适应各种风格和...
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
10-22
知识点一：jQuery插件slideBox的介绍与特点 jQuery插件slideBox是一种轻量级的图片轮播（焦点图）插件，它能够实现带有底栏的图片轮播功能。这一插件之所以被称为轻量级，是因为它的代码量相对较小，加载速度快，...
jquery slidebox jquery slidebox
10-04
jquery slidebox
jQuery图片轮播(焦点图)插件jquery.slideBox
04-10
jQuery图片轮播(焦点图)插件jquery.slideBox兼容IE6+，Chrome，Firefox，Opera，safari，可左右，可上下，可快可慢，可指定默认显示第N张，自由设定，代码简洁，运行效率高演示地址：http://www.jq22.com/jquery-info385
slidejs一款基于jQuery库的可设置多参数的轮播图插件
08-10
slide.js 一款基于jQuery库的，可设置多参数的轮播图插件
jquery.slide
05-09
jquery.slide 轮播插件 ##使用方式$（'。tab'）。slide（{tabtag：“ auto”，conbox：$（“。panes”），effect：“ fade”，auto：5000，act：“ hover”，contag：$ （“ .panes> div”）}）; $(".prev").click(function () { $(".tab").slide("prev"); }) $(".next").click(function () { $(".tab").slide("next"); })
html焦点图自动轮播,jQuery图片轮播(焦点图)插件jquery.slideBox
weixin_31673213的博客
05-31 543
插件描述：jQuery图片轮播(焦点图)插件jquery.slideBox兼容IE6+，Chrome，Firefox，Opera，safari，可左右，可上下，可快可慢，可指定默认显示第N张，自由设定，代码简洁，运行效率高jQuery图片轮播(焦点图)插件jquery.slideBox特点：兼容IE6+，Chrome，Firefox，Opera，safari，可左右，可上下，可快可慢，可指定默认显...
图片轮播插件slideBox.js
weixin_30386713的博客
05-23 432
文档说明地址：http://www.jq22.com/jquery-info385 原来的插件当只有一个图片的时候有BUG，修改好了，以下为源码 (function($) { $.fn.slideBox = function(options) { var defaults = { direction: 'left', duration: 0.6, easing: 'swing',...
优化这段代码 jQuery("#nav").slide({ type: "menu", titCell: ".nLi", targetCell: ".sub", effect: "slideDown", delayTime:300, triggerTime: 0, returnDefault: true }); jQuery(".section1 .slideBox").slide({mainCell:".bd ul",autoPlay:true,interTime:5500,delayTime:2000}); jQuery(".section4 .slideTxtBox").slide({}); jQuery(".picScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,vis:3});
最新发布
05-31
var $section1 = jQuery(".section1 .slideBox"); $section1.slide({mainCell:".bd ul",autoPlay:true,interTime:5500,delayTime:2000}); var $section4 = jQuery(".section4 .slideTxtBox"); $section4.slide({});...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值