jQuery 写的幻灯左右切换插件

<html> <head> <meta charset="utf-8"> <title>官网</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <link rel="…

用jQuery写了一个模态框插件

用jQuery写了一个模态框插件大家觉得下面的框框好看么, 水印可以去掉(这个任务交给你们了(- o -)~zZ); "info"框 $("div").confrimModal("<font color=\"green\">成功! </font>", {type:"info", themeColor: "#008B8B"}, true);…

在做项目的时候遇到选择部门下人员的功能,可多选可单选,所以就想着使用树状列表来进行选择,但在网上找了很多,发现要么就是挺复杂,要么就是需要各种前端框架的支持,试了一个感觉难用,所以就想着自己写一个简便的树状列表,后期再遇到类似问题的时候可以作为工具使用,将它写成了插件,推荐给大家来使用. 该树状列表是基于jquery来写的,没有使用任何前端框架,只需要支持jquery的页面就可以使用. 首先我们来看一下该插件的目录结构: 包含一个css样式表文件夹,一个js文件夹,一个demo示例文件,一个im…

一款jquery写出来的tab切换

当时做这个的时候,当前状态是不规则的,li对应的有3块内容,分别设定不同背景图片,只显示当前的一个背景,鼠标移上去的时候其余2个用background-position: -1000px 0px;来隐藏,用jquery找到他的同辈给有一个样式background-position: 0px 0px; html部分: <div class="gold_list"> <ul> <li class="ino_a hover" style=&q…

jquery写简单的div切换

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #odiv div{width: 200px; height: 200px; border:1px solid red;display: none; } .active{background: r…

JQuery 移动端上下滑动切换插件 pageSlider

HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <meta content="tel…

jQuery banner切换插件

今天学写了一个基于jQuery焦点图切换插件,有不对的地方还请多多指教,不多说下面是代码: 1.引jQuery库 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 2.Html部分  <div class="s_focus"> <ul class="f_img"> &l…

基于jQuery的对象切换插件：soChange 1.5 (点击下载)

http://www.jsfoot.com/jquery/demo/2011-09-20/192.html 所有参数: $(obj).soChange({ thumbObj:null, //导航对象,默认为空 botPrev:null, //按钮上一个,默认为空 botNext:null, //按钮下一个.默认为空 thumbNowClass:'now', //导航对象当前的class,默认为now thumbOverEvent:true,//鼠标经过th…

jQuery图片切换插件jquery.cycle.js

Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后. <head> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" sr…