您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

  • jQuery分页插件

    jQuery分页插件

    jQuery分页插件
    20150913114859
    引入css jquery代码文件

    <link rel="stylesheet" type="text/css" href="style.css" /><!--[if IE]> <link rel="stylesheet" type="text/css" href="style-ie.css" /><![endif]--><script src='js/jquery-1.2.6.min.js' type='text/javascript'></script><script src="js/jquery-easing.1.2.js" type='text/javascript'></script><script src="js/jquery-easing-compatibility.1.2.js" type='text/javascript'></script><script src="js/coda-slider.1.1.1.js" type='text/javascript'></script><script type='text/javascript'> $(function() { $("#blogSlider").codaSlider(); });</script>

    下载地址
    预览地址

  • jquery分页插件bootstrap

    jquery分页插件bootstrap

    jquery分页插件bootstrap
    20150416220200
    部分jquery代码

    $(document).ready(function() { $('#pagination-demo').twbsPagination({ totalPages: 35, visiblePages: 7, version: '1.1', onPageClick: function(event, page) { $('#page-content').text('Page ' + page); } }); $('#navigation').affix({ offset: { top: 200 } }); $('#pagination-demo-v1_0').twbsPagination({ totalPages: 15, version: '1.0' }); $('#pagination-demo-v1_1').twbsPagination({ totalPages: 15, version: '1.1' }); $('#visible-pages-example').twbsPagination({ totalPages: 35, visiblePages: 10, version: '1.1' });});

    下载地址
    预览地址

  • 响应式jQuery图片轮播插件

    响应式jQuery图片轮播插件

    响应式jQuery图片轮播插件
    20150409152930
    部分jquery代码

    var wh = { width: opt.s_width, height: opt.s_height};var pagesize = 0; //页码var silderList = $('#silder_list', g.obj);var silderList_li = $('#silder_list li', g.obj);g.LoadCSS(opt.css_link); //样式文件导入g.obj.css(wh);silderList.css(wh);silderList_li.find('img').css(wh); //设置宽高属性var currHtml = ""; //加入播放页码 及文字描述if (opt.is_showTit) { //判断是否显示标题 currHtml += "<div class='silder_desc' id='silder_desc'></div>";}img_size = silderList_li.size(); //图片个数currHtml += "<ul class='silder_page' id='silder_page'>"; //分页码代码注入for (var i = 0; i < img_size; i++) { currHtml += "<li>" + parseInt((1 + i), 10) + "</li>";}currHtml += "</ul>";silderList_li.eq(0).show().siblings().hide(); //初始化隐藏其他图片g.obj.append(currHtml); //注入分页码var silderPage = $('#silder_page', g.obj);var silderPage_li = $('#silder_page li', g.obj);silderPage_li.eq(0).addClass('current');if (opt.is_showTit) { //初始化图片描述 $('#silder_desc').text(silderList_li.eq(0).find('img').attr('alt'));}silderPage_li.on('click',function() { pagesize = $(this).index(); silderList_li.eq(pagesize).fadeIn(1000).siblings().fadeOut(100); $(this).addClass('current').siblings().removeClass('current'); if (opt.is_showTit) { $('#silder_desc').text(silderList_li.eq(pagesize).find('img').attr('alt')); }});

    下载地址
    预览地址

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!