姚迎迎

Tag: jQuery

  • FlexSlider 从这里开始

    FlexSlider 从这里开始

    —

    by

    迎迎 姚
    in

    Step 1 – Link files Add these items to theof your document. This will link jQuery and the FlexSlider core CSS/JS files into your webpage. You can also choose to host jQuery on your own server, but Google is nice enough to take care of that for us! <!– Place somewhere in the <head> of…

  • 用jQuery限制文本域（textarea）的字数

    —

    by

    迎迎 姚
    in

    有时候表示用户友好，我们显示下一文本域里已经输入了多少字符，字数提示。

  • 让 jQuery Datepicker 兼容 WordPress 和 WPML

    让 jQuery Datepicker 兼容 WordPress 和 WPML

    —

    by

    迎迎 姚
    in

    没什么好说的，直接代码： jQuery(function($){ $.datepicker.regional[‘zh-hans’] = $.datepicker.regional[‘zh_CN’] = { closeText: ‘关闭’, prevText: ‘&#x3c;上月’, nextText: ‘下月&#x3e;’, currentText: ‘今天’, monthNames: [‘一月’,’二月’,’三月’,’四月’,’五月’,’六月’, ‘七月’,’八月’,’九月’,’十月’,’十一月’,’十二月’], monthNamesShort: [‘一’,’二’,’三’,’四’,’五’,’六’, ‘七’,’八’,’九’,’十’,’十一’,’十二’], dayNames: [‘星期日’,’星期一’,’星期二’,’星期三’,’星期四’,’星期五’,’星期六’], dayNamesShort: [‘周日’,’周一’,’周二’,’周三’,’周四’,’周五’,’周六’], dayNamesMin: [‘日’,’一’,’二’,’三’,’四’,’五’,’六’], weekHeader: ‘周’, dateFormat: ‘yy-mm-dd’, firstDay: 1, isRTL: false, showMonthAfterYear: true, yearSuffix: ‘年’}; $.datepicker.setDefaults( $.datepicker.regional[ “<?php echo defined(‘ICL_LANGUAGE_CODE’)?ICL_LANGUAGE_CODE:WPLANG;?>” ] ); }); 最后一行，这儿由于 WPML 和 WORDPRESS 的语言静态变量不一样，值也不同，需要判断然后输出，输出的值可能是 zh-hans，或 zh_CN，所以在第一行声明了两个变量来存储翻译。

  • CarouFredSel中TouchSwipe不支持带链接的元素

    CarouFredSel中TouchSwipe不支持带链接的元素

    —

    by

    迎迎 姚
    in

    http://caroufredsel.dev7studios.com/configuration.php caroufredsel 的配置页面里提到 swipe 这个属性：To enable this feature, you’ll need to include the jQuery.touchSwipe-plugin. 如果 HTML 结构是这样 <div class=”image_carousel”> <ul id=”carousel”> <li><img src=”slier.jpg”/><li> <li><img src=”slider2.jpg”/><li> </ul> </div> 你可以这样使这个幻灯片支持touchswipe <script> $(“#carousel”).carouFredSel({ auto : false, prev : ‘#c-prev’, next : ‘#c-next’, swipe : { onTouch : true, onMouse : true } }); </script> 倘若这个幻灯片的图片带来链接： <ul id=”carousel”> <li><a href=”foo.html”><img…

  • Backstretch Errot: has no method ‘backstretch’

    Backstretch Errot: has no method ‘backstretch’

    —

    by

    迎迎 姚
    in

    a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element Uncaught TypeError: Object function (e,t){return new v.fn.init(e,t,n)} has no method ‘backstretch’ maybe many guys got this error Maybe the issue is ’cause you put $.backstretch([“bg.jpg”]);   ahead of jquery.backstretch.js plugin, try switch the postion.

  • jQuery 向上弹出式菜单

    jQuery 向上弹出式菜单

    —

    by

    迎迎 姚
    in

    Slide Up Menu / jQuery 向上弹出式菜单 The jQuery Slide Up Menu it’s a good alternative to other existing menus giving the possibility to position the menu on the bottom of your header image or at the bottom of the window, acting like Windows Start Menu. You can let it behave like a normal menu or…

  • WordPress Portfolio work with Isotope and Infinite Scroll

    WordPress Portfolio work with Isotope and Infinite Scroll

    —

    by

    迎迎 姚
    in

    准备：需要的jQuery插件 Isotope: 神奇的布局精致的jQuery插件。演示 Infinite Scroll：无限滚动被称为autopagerize的，unpaginate，无尽的网页。但实质上，它是预取从随后出现的页面上的内容，并直接将其添加到用户的当前页面。http://www.infinite-scroll.com/ 演示 新建文章类型 portfolio 和 Portfolio 分类  function my_post_types() { register_post_type(‘portfolio’, array( ‘label’ => __(‘Portfolio’,’itc’), ‘singular_label’ => __(‘Portfolio’, ‘itc’), ‘_builtin’ => false, //’exclude_from_search’ => false, // Exclude from Search Results ‘capability_type’ => ‘post’, ‘public’ => true, ‘show_ui’ => true, ‘show_in_nav_menus’ => FALSE, ‘menu_position’ => 100, ‘rewrite’ => array( ‘slug’ => ‘portfolio-show’, ‘with_front’ => FALSE,…

  • Simple jquery horizontal accordion

    Simple jquery horizontal accordion

    —

    by

    迎迎 姚
    in

    有时候需要的功能很简单，不需要动不动就几千行的插件，就像这个水平手风琴效果。 html code Freebies Download free files to make your job easier. Tutorials Tips and tricks to help you keep up with the latest technology. Inspiration Get inspired by what other designers are doing. Inspiration Get inspired by what other designers are doing. css dode #horizontal_accordion{ list-style: none; margin: 0 0 0 -2px; padding: 0;…

  • jquery select option 操作

    jquery select option 操作

    —

    by

    迎迎 姚
    in

    jQuery 是一个非常强大的JS类库，现在越用觉得越好用了。 使用jquery如何操作select(下拉框)呢？主要讲下怎么动态添加option 动态选择option，假如我们的select 控件的 id 属性为 sel

  • CSS Flow Chart and Jquery Tips

    CSS Flow Chart and Jquery Tips

    —

    by

    迎迎 姚
    in

    Sigenics Managing Director 1 Managing Director 2 Managing Director 3 Managing Director 4 Managing Director 5 Managing Director 7 Managing Director 7 Managing Director 8 Managing Director 9 Managing Director 10 Managing Director 11 Managing Director 12 Managing Director 13 Sigenics Managing Director 1 Managing Director 2 Managing Director 3 Managing Director 4 Managing Director…

  • Jquery addClass siblings removeClass

    Jquery addClass siblings removeClass

    —

    by

    迎迎 姚
    in

    开始，第一个元素默认被选择，鼠标经过改变被选择的元素，当鼠标离开，又恢复第一个被选择。 澳星移民 澳星留学 海外房产 澳星之友 澳星知道 关于我们 澳星移民 澳星留学 海外房产 澳星之友 澳星知道 关于我们

  • jScrollPane – 跨浏览器可样式滚动条

    jScrollPane – 跨浏览器可样式滚动条

    —

    by

    迎迎 姚
    in

    http://jscrollpane.kelvinluck.com/index.html jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser’s default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane 是一个跨浏览器的 jQuery 插件，作者 Kelvin Luck，他把一个浏览器默认的滚动条（一个与内容溢出属性相关的元素）转换成 HTML 结构，这样可以跟容易的使用CSS编写他的样式。 jScrollPane is designed to be flexible but very easy to use. After you…

  • Jquery 表格上色插件

    Jquery 表格上色插件

    —

    by

    迎迎 姚
    in

    http://franca.exofire.net/jq/colorize Coloriza 是一个Jquery 插件，可以为表格的行添加背景颜色，鼠标动作后为行、列增加高亮效果。你可以为很多行、列填色，只要你愿意。再从点击已经填色的行、列就可以还原表格本色。 怎么使用？ 使用默认设置（colorizes a row） $(‘#yourTableId’).colorize() ; 其他设置和参数: altColor : alternate row background color. The default is ‘#ECF6FC’, ‘none’ can be used for no alternate background color.交替行的背景颜色。默认值为’＃ECF6FC’，’none’ 可替代的背景颜色使用。 bgColor : background color (The default background color is white).背景颜色（默认背景颜色为白色）。 hoverColor : background color when you hover a mouse over a row. The default…

  • jQuery 获取元素数量 length

    —

    by

    迎迎 姚
    in ,

    jQuery 元素的数量 length jQuery(selecter).length 这个方法会返回一共有多少个改元素。 在实际应用中，我们可以用它来判断目标HTML对象是否存在 if(jQuery(selecter).length > 0){ // do next step }  

  • JQuery 新闻头条淡入淡出效果

    JQuery 新闻头条淡入淡出效果

    —

    by

    迎迎 姚
    in ,

    新闻头条淡入淡出效果 <!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″> <title></title> <style> a { color:#CCCCCC} li { list-style:none;} span { padding-right:20px; color:#FFFFFF; font-weight:bold;} </style> </head> <body> <div id=”ticker” style=”padding:10px; background:#333333″> <!– START TICKER VER 1.0.1 –> <script src=”http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js” type=”text/javascript”></script> <script type=”text/javascript”> /* ========================================================= // jquery.innerfade.js // Datum: 2008-02-14 //…

  • ThickBox – 网页图片弹出展示程序

    —

    by

    迎迎 姚
    in

    ThickBox 3.1 Thickbox 是一个基于 jQuery 类库的 网页 UI 对话框 拓展工具，它用户显示单个图片，图片组，AJAX 请求内容或链接内容。 示例：http://jquery.com/demo/thickbox/#examples  （复制到你的浏览器） 所有资源均可以在这儿下载 http://jquery.com/demo/thickbox/ 概述 thickbox 基于超轻量级 JQUERY 类库，JQUERY 压缩后为20K，解压后58K。 THICKBOX JavaScript 程序 和 CSS 代码只有15K（如果使用 compressed.js 只有10K），CSS 文件可以根据需求自行修改。 thickbox 可以自动调整尺寸大于浏览器窗口的图片。 thickbox 功能多样，可以用于 图片， iframe框架，内嵌的内容，AJAX 请求。 ThickBox will hide form elements in Windows IE 6. ThickBox 能在使用者滚动页面或改变浏览器窗口大小的同时始终保持居中. 点击图片、覆盖层, 或关闭链接能移除 ThickBox. ThickBox 的创作者决定动画应该因人而异, 所以 ThickBox…