随笔 - 381  文章 - 0  评论 - 11  阅读 - 57万 

随笔分类 -  jQuery

jQuery文章、Demo等
较完整的轮播图特效
摘要:js代码: /** * Created by Administrator on 16-7-18. */ $(function(){ //主图区域轮播代码 var linum = $('.slider-item').length; var sitemW = $('.slider-item').widt 阅读全文
posted @ 2016-07-19 09:15 杨杨0708 阅读(899) 评论(0) 推荐(0) 编辑
jQuery图片轮播的具体实现
摘要:先看一看html代码,以及对应的css代码: <div id="scrollPics"> <ul class="slider" > <li><img src="images/ads/1.gif"/></li> <li><img src="images/ads/2.gif"/></li> <li><i 阅读全文
posted @ 2016-07-18 15:41 杨杨0708 阅读(389) 评论(0) 推荐(0) 编辑
一种新的隐藏-显示模式诞生——css3的scale(0)到scale(1)
摘要:.dropdown-menu { background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); left: 50%; padding: 20px; pos 阅读全文
posted @ 2016-07-15 14:25 杨杨0708 阅读(7409) 评论(2) 推荐(0) 编辑
layer.layui.com 一个不错的弹窗层js插件库
摘要:http://layer.layui.com/ 阅读全文
posted @ 2016-05-12 20:34 杨杨0708 阅读(364) 评论(0) 推荐(0) 编辑
css3实战版的点击列表项产生水波纹动画——之jsoop面向对象封装版
摘要:1、html: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/reset.css"/> <link rel="stylesheet" href="./cs 阅读全文
posted @ 2016-05-11 20:16 杨杨0708 阅读(684) 评论(0) 推荐(0) 编辑
绝对牛逼的网上矢量图标搜索下载网址——阿里巴巴矢量图
摘要:http://www.iconfont.cn——阿里巴巴矢量图 需要什么图标在上面一搜,就出来了你想要的icon,下载下来就可以用了,非常方便。 阅读全文
posted @ 2016-05-06 13:24 杨杨0708 阅读(573) 评论(0) 推荐(0) 编辑
js和jquery获取父级元素、子级元素、兄弟元素的方法
摘要:先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用: 比如: <div id="dom"> <div></d 阅读全文
posted @ 2016-05-06 11:47 杨杨0708 阅读(1013) 评论(0) 推荐(0) 编辑
横向子菜单栏ul根据其子元素li个数动态获取宽度,并与父li绝对垂直居中的jquery代码段
摘要:;(function(window){ $('.menuitem').hover(function(){ $('>a',this).css('background-color','#60AEEC'); $('.subnav',this).show(); $('.subnav',this).width 阅读全文
posted @ 2016-03-18 15:36 杨杨0708 阅读(497) 评论(0) 推荐(0) 编辑
导航栏项目滑过时子菜单显示/隐藏jquery代码
摘要:;(function(window){ $('.menuitem').hover(function(){ $('>a',this).css('background-color','#60aeeb'); $('.subnav',this).show(); },function(){ if( !$(th 阅读全文
posted @ 2016-03-16 13:44 杨杨0708 阅读(183) 评论(0) 推荐(0) 编辑
前端程序员应该知道的 15 个 jQuery 小技巧
摘要:下面这些简单的小技巧能够帮助你玩转jQuery。返回顶部按钮预加载图像检查图像是否加载自动修复破坏的图像悬停切换类禁用输入字段停止加载链接切换淡入/幻灯片简单的手风琴让两个div高度相同在新标签页/窗口打开外部链接通过文本查找元素在改变visibility时触发AJAX调用错误处理链式插件调用返回顶... 阅读全文
posted @ 2016-01-05 16:02 杨杨0708 阅读(180) 评论(0) 推荐(0) 编辑
jQuery原型技术分解
摘要:jQuery原型技术分解起源----原型继承 用户过javascript的都会明白,在javascript脚本中到处都是 函数,函数可以归置代码段,把相对独立的功能封闭在一个函数包中。函数也可以实现类,这个类是面向对象编程中最基本的概念,也是最高抽象,定义一个灰就相 当于制作一个模型,然后借助这个模... 阅读全文
posted @ 2015-12-16 16:35 杨杨0708 阅读(411) 评论(0) 推荐(0) 编辑
jQuery 的 ready 函数是如何工作的?(源码分析)
摘要:如果你使用过 jQuery , 就必然使用过 ready 函数,它用来注册当页面准备好之后可以执行的函数。问题来啦,我们的页面什么时候准备好了呢?1. onload 事件最基本的处理方式就是页面的 onload 事件,我们在处理这个事件的时候,可以有多种方式,即可以通过 HTML 方式,直接写在 b... 阅读全文
posted @ 2015-12-10 15:31 杨杨0708 阅读(224) 评论(0) 推荐(0) 编辑
jquery的ready事件的实现机制浅析
摘要:页面初始化中,用的较多的就是$(document).ready(function(){//代码}); 或 $(window).load(function(){//代码});他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触... 阅读全文
posted @ 2015-11-10 14:54 杨杨0708 阅读(233) 评论(0) 推荐(0) 编辑
JQuery flot API文档 中文版
摘要:调用plot函数的方法如下:var plot = $.plot(placeholder, data, options)其中placeholder可以是JQuery的对象,DOM元素或者JQuery的表达示,要把完成的图放到这个位置上。placeholder要有宽度和高度。因为plot会修改place... 阅读全文
posted @ 2015-09-18 17:15 杨杨0708 阅读(549) 评论(0) 推荐(0) 编辑
jQuery插件Flot实战Demo
摘要:jQuery-flot插件数据可视化显示 jQuery Playground 可视化显示统计数据 使用flot插件 可视化显示统计数据——折线图 站点访问人数统计表 8点 ... 阅读全文
posted @ 2015-09-18 17:05 杨杨0708 阅读(321) 评论(0) 推荐(0) 编辑
jQuery软键盘插件
摘要:1、html:jQuery软键盘插件 `~ 1! 2@ 3# 4$ 5% 6^ 7&amp; 8* 9( 0) -_ =+ delete tab q w e r t y u i o p [{ ]} \| caps lock a s ... 阅读全文
posted @ 2015-09-17 11:06 杨杨0708 阅读(190) 评论(0) 推荐(0) 编辑
jquery 组合键键盘事件
摘要:jQuery处理键盘事件,比如小说网站中常见的按左右键来实现上一篇文章和下一篇文章,按ctrl+回车实现表单提交,google reader和有道阅读中的全快捷键操作...本文讲述jQuery处理按键的原理和方法jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:view sourcepr... 阅读全文
posted @ 2015-09-17 11:00 杨杨0708 阅读(5776) 评论(0) 推荐(1) 编辑
jQuery按键事件响应的Demo
摘要:jQuery演示框架页 --> jQuery Playground 测试(c) 关于(a) WelCome! Hello,everyone.I will share some useful tips of jQuery here. Lorem Ip... 阅读全文
posted @ 2015-09-16 17:05 杨杨0708 阅读(438) 评论(0) 推荐(0) 编辑
jQuery如何创建元素
摘要:1、$("").attr("id","taglist").appendTo("#tagCloud");2、var li = $("");3、//创建link $("").text(val.tag).attr({href:"#"}).appendTo(li);小结:类似于这种$("");$()符... 阅读全文
posted @ 2015-09-10 10:52 杨杨0708 阅读(640) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示