欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

jquery

shiping1 的头像

提示浮层跟随鼠标移动(jquery版)

jquery API的帮助文档 有 mousemove的用法
普通分类: 
shiping1 的头像

jquery 自动提示 tooltip 工具

shiping1 的头像

animate

shiping1 的头像

fadeIn 显示 ,,,,, fadeOut 隐藏 ,,,, fadeToggle 渐渐显示渐渐隐藏 淡入淡出效果 用它比较好 有大用 显示隐藏比animate方法简单 有大用

$('a:has(span)').hover(
    function() { $('span', this).fadeIn
普通分类: 
shiping1 的头像

jQuery选择器大全

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。

普通分类: 
shiping1 的头像

jQuery的选择器——可见性过滤选择器 input 选择器 :visible :hidden visible hidden有大用 有大用

jQuery的选择器——可见性过滤选择器

普通分类: 
shiping1 的头像

从一堆div中选择display=block的div display=none

普通分类: 
shiping1 的头像

jQuery :visible 选择器 显示的 隐藏的元素

jQuery :visible 选择器

普通分类: 
shiping1 的头像

jQuery获取radio值,jquery获取表单元素值

普通分类: 
shiping1 的头像

焦点图 内容和背景

源码见附件
jiandiantu_content_and_bg.zip
效果

普通分类: 
shiping1 的头像

焦点图 从左向右 滑动效果

源码 见附件
jiaodiantu_left_right_ok.zip

效果有


普通分类: 
shiping1 的头像

jQuery缩略图广告效果

源码见附件
jQuery缩略图广告效果.zip

效果如下

普通分类: 
shiping1 的头像

鼠标点击 向左按钮 向右按钮 一个一个的朝左移 或朝后移

下面是html代码
<div class="scrolllist" id="pic-box">
        <a class="abtn aleft" href="#left" title="左移"></a>
        <div class="imglist_w">
            <ul style="left: 3px;" class="imglist">
普通分类: 
shiping1 的头像

取出 某class的第几个元素 位置 有大用

$('.num').click(function(){
               var index = $(this).index('.num');
alert(index);
                            $('.carousel').carousel(index);
         })
普通分类: 
shiping1 的头像

取出 某元素下面的子a标签对象

$('#myTab a:last').tab('show')
普通分类: 
shiping1 的头像

toggle 方法切换

<script>
    $(function(){
       $('#dLabel2').toggle(
         function(){
              $('.dropdown-menu2').show();
         },
           function(){
              $('.dropdown-menu2').hide();
         }
       
       );
        
    });
    
    
</script>
普通分类: 
shiping1 的头像

jquery 有用的插件 小朱给的

shiping1 的头像

使用jQuery模拟鼠标点击a标签事件 有大用

我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久。前段时间的一次发呆,冒出了新的想法,于是就动手进行了测试。

普通分类: 
shiping1 的头像

XMLHttpRequest Level 2 使用指南

普通分类: 
shiping1 的头像

jquery 元素 数量大小长度

alert($('.modalpic').size());
    alert($('.modalpic').length);
普通分类: 
shiping1 的头像

弹出框渐渐出来 和渐渐 消失的代码 主要是看 jquery animate方法

 <a looyu_bound="1" style="display: none;" id="aFloatTools_Show" class="btnOpen" title="查看在线客服" onclick="javascript:jQuery(this).css('display','none') ;jQuery('#aFloatTools_Hide').css('display','block'); jQuery('#divFloatToolsView').animate({width: '130px',opacity: 'show'}, 'normal',function(){ jQuery('#divFloatToolsView').css('display','block');}); ;return false;" href="#">展开</a>
普通分类: 
shiping1 的头像

query 设置css margin-left (2012-05-21 16:55:05)

$("#sanjiaoLeft").css("marginLeft",val);
普通分类: 
shiping1 的头像

//下面两个函数 判断浏览器是不是原生chrome

//下面两个函数  判断浏览器是不是原生chrome
function _mime(where, value, name, nameReg) {
        var mimeTypes = window.navigator.mimeTypes,
            i;

        for (i in mimeTypes) {
            if (mimeTypes[i][where] == value) {
                if (name !== undefined && nameReg.test(mimeTypes[i][name])) return !0;
                else if (name === undefined) return !0;
            }
        }
        return !1;
    }

function _getChromiumType() {
        
普通分类: 
shiping1 的头像

jquery 返回顶部 动画效果 有大用 有大大用

//回顶部
    $(".goTop").click(function(){
          $("body,html").animate({scrollTop:0},500); //返回顶部,用JQ的animate动画
    });

普通分类: 
shiping1 的头像

jQuery 事件 - mouseout() mouseleave() 方法 有大用

普通分类: 
shiping1 的头像

size()计算jquery对象中元素的个数 子元素 数量 数目 大小 有大用

jQuery DOM 元素方法 - size() 方法

普通分类: 
shiping1 的头像

jQuery自动滚动五屏图片通栏代码 手动滚动 点击滚动 点击滑动 左右滚动 点击滚动 有大用

见附件 jQuery自动滚动五屏图片通栏代码.zip

修改相应的css文件
但最后发现 有问题  如果有两个地方使用这种 滚屏的话 会发生冲突 
我的解决办法如下:
1)把 原来的jscarousel.js代码 复制一下 还放到 jscarousel.js里面  如下
把 第二个的 jsCarousel: function(options) {
改成 jsCarousel2: function(options) {
再一个 就是把
第一处的  var current = $('.visible');
普通分类: 
shiping1 的头像

jquery

shiping1 的头像

后产生的代码 通过 live 调用 fancybox 经测试绝对正确

5 down vote accepted

I had a similar problem. I found something which looked promising over here if you are interested.

普通分类: 
shiping1 的头像

[图层窗口] jQuery如何获取div距离窗口顶部或者父元素顶部的距离

普通分类: 

页面

Subscribe to RSS - jquery