SuperSlide标签切换、焦点图多种组合插件

此款插件包含在SuperSlide标签切换、焦点图多种组合插件,SuperSlide 是致力于实现网站统一特效调用函数,能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。(兼容ie内核(包括无敌的 ie6)、webkit内核、ff、opera等主流浏览器)。适用于网站统一插件库其中包含了网站常用的大部分js效果文件中包含使用详解。

js调用

代码如下:
Box").slide( {effect:"left"} ); jQuery("#doubleSlideTxt").slide( { titCell:".parHd li",mainCell:".parBdIn",effect:"top",trigger:"click" } );

css代码

代码如下:
效果 */ #doubleSlideTxt{ width:524px; zoom:1; position:relative; text-align:left; } #doubleSlideTxt .parHd{ position:absolute; z-index:1; top:10px; left:453px; width:44px; overflow:hidden; } #doubleSlideTxt .parHd li{ width:14px; padding:5px 5px 5px 5px; line-height:16px; border:1px solid #baccdf; border-left:0; margin-bottom:5px; background:#fff; color:#b5c4d3; cursor:pointer; margin-left:1px; } #doubleSlideTxt .parHd li.on{ background:#dbeefd; font-weight:bold; color:#367399; border-right:3px solid #4e98c6; margin-left:0px; position:relative; z-index:100; padding:5px 10px 5px 10px;} #doubleSlideTxt .parBd{ position:relative; z-index:0; width:440px; left:0px; border:1px solid #baccdf; padding:6px; background:#dbeefd;} #doubleSlideTxt .parBd .slideTxtBox{ background:#fff; width:400px; border:0; padding:20px; } #doubleSlideTxt .parBd .slideTxtBox .hd{ background:#fff; }

HTML:

代码如下:
"> > <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <Meta http-equiv="Content-Language" content="zh-CN"> <Meta name="Keywords" content=""> <Meta name="Description" content=""> Super Slide
  • 栏目一
  • 栏目二
  • 栏目三
  • 以上就是本文的全部内容了,希望大家能够喜欢。

    SuperSlide标签切换焦点图

    相关文章

    前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
    前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
    前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
    前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
    前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
    前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...