-
jQuery.animate简单分析
所属栏目:[传媒] 日期:2018-08-31 热度:142
很久之前就对 jQuery .animate的实现非常感兴趣,不过前段时间很忙,直到前几天端午假期才有时间去研究。 jQuery.animate的每种动画过渡效果都是通过easing函数实现的。jQuery1.4.2中就预置了两个这样的函数: easing: { linear: function( p, n, firstNum[详细]
-
Json获取中国天气网天气预报的代码
所属栏目:[传媒] 日期:2018-08-31 热度:173
获取中国天气网天气的代码 var url=escape(http://m.weather.com.cn/data/101210701.html); var cookie_info = cookie_info; var date = new date(); var hours=24-date.gethours()-1; var mins=60-date.getminutes()-1; var secs=60-date.getseconds(); da[详细]
-
jquery加载页面时调用js的方法
所属栏目:[传媒] 日期:2018-08-31 热度:172
一般的加载页面时调用js方法如下: window.onload = function() { $(table tr:nth-child(even)).addClass(even); //这个是jquery代码 }; 这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求[详细]
-
jQuery仿Yahoo首页弹出层,带缓冲效果可关闭
所属栏目:[传媒] 日期:2018-08-31 热度:133
前段时间,烈火在YAHOO首页看到一个弹出层效果,发现还挺实用,并且有缓冲效果,可以关闭,非常不错,今天有幸在网上一个技术牛人的博客看到了这个特效,于是把教程发出来给大家看看,一起学习,以下是原文: 笔者本来想自己做一个. 自己javascript 还不怎[详细]
-
利用Yahoo Pipes和jQuery做一个RSS挂件
所属栏目:[传媒] 日期:2018-08-31 热度:116
如果我们希望把一个网站的更新事实发布到令一个网站上,最好的方法是通过 RSS 进行转载。如果只是需要简单的对更新的条目做个提示的话,使用 Java Script 是最可行的方法。但是通过 JavaScript 解析一个 XML 文档十分麻烦。幸好 Yahoo Pipes 为我们提供了[详细]
-
直逼 Flash 的流畅感:jQuery 运动特效展示
所属栏目:[传媒] 日期:2018-08-24 热度:181
围剿 Flash 的不仅有 HTML 5,还有 Java Script,著名的 JavaScript 框架 jQuery 在 运动 特效方面已经越来越流畅,有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。 1. 流感导[详细]
-
JQuery扩展:将元素显示在屏幕的中央
所属栏目:[传媒] 日期:2018-08-24 热度:78
在网站开发中我们经常需要将对话框显示在屏幕的中央。如果使用 Java script因为浏览器实现的差异,实现起来非常麻烦。但是JQuery可以很简单实现的搞定这一切。 (function($){ $.fn.center = function(){ var top = ($(window).height() - this.height())/2;[详细]
-
新老版本juqery获取radio的方法
所属栏目:[传媒] 日期:2018-08-24 热度:72
今天换了个高版本的jquery,发现原先运行正常的方法报错了,仔细搜查后得出jquery获取radio 的方法如下: 新版本(目前1.3.2): $([name='radio_name'][checked]).val(),或者$(input[name='radio_name']:checked).val() 老版本: $([@name='radio_name'][c[详细]
-
jQuery插件:全背景图插件(Full Size Background Image)
所属栏目:[传媒] 日期:2018-08-24 热度:50
功能:背景图片始终与窗口大小一致。 主要代码下: (function($) { $.fn.fullBg = function(){ var bgImg = $(this); function resizeImg() { var imgwidth = bgImg.width(); var imgheight = bgImg.height(); var winwidth = $(window).width(); var winh[详细]
-
jQuery JSON 无刷新三级联动
所属栏目:[传媒] 日期:2018-08-24 热度:77
asp:DropDownList ID=ddl1 runat=server Width=100px /asp:DropDownList asp:DropDownList ID=ddl2 runat=server Width=100px /asp:DropDownList asp:DropDownList ID=ddl3 runat=server Width=100px /asp:DropDownList js: script src=js/jquery-1.4.2.min[详细]
-
jQuery插件:Image lazy loader图片延迟加载
所属栏目:[传媒] 日期:2018-08-24 热度:56
Lazy Load 是一个用 Java Script 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页[详细]
-
jquery语法实现锁定弹出层
所属栏目:[传媒] 日期:2018-08-24 热度:97
经常遇到要弹出一个悬浮层,鼠标的事件只能在本层上有效,底层会失效。能用的做 法是在悬浮层和底层之间在加一个遮盖层,遮盖住整个浏览器,这样就不能点击底层的任何东西了。 遮盖层的定义: var w = Math.max(document.documentElement.scrollWidth, doc[详细]
-
jquery 替换 class 的方法
所属栏目:[传媒] 日期:2018-08-24 热度:117
和css有关的方法有这些: 1、.addClass(class1) .removeClass(class2) 2、.attr(className,class1) 3、.toggleClass(class1)如果原来没有class1就添加class1,如果原来有class1就移除class1[详细]
-
jQuery基础 - 处理网页内容
所属栏目:[传媒] 日期:2018-08-24 热度:164
改变页面内容应该算是 Java script最常用的功能,这包括更改已经存在的页面元素或者添加新的HTML元素。 jQuery 提供两种实现这种功能的方法 text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它还支持HTML代码。 //设置ID为b5_a段落的[详细]
-
jQuery基础 - 处理表单元素
所属栏目:[传媒] 日期:2018-08-24 热度:90
1.获取input类的值: $(input).val(); 2.获取textarea类的值: $(textarea).val(); 3.获取select类的值:$(select).val(); 当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组。当然,你可以给这些控件加上ID,从而对某[详细]
-
jquery.lazyload实现图片延迟加载
所属栏目:[传媒] 日期:2018-08-17 热度:128
如果留意淘宝的话,应该可以注意到:当打开产品页面后,并不是把页面中图片都下载下来,而是随着滚动条的滚动而加载图片.这样可以使页面载入速度更快,节省网站流量,减少服务器的负载.你可以灵活的把这一技术运用在存在大量图片的页面,比如频道页、活动页、搜[详细]
-
jQuery 性能规则分析
所属栏目:[传媒] 日期:2018-08-17 热度:112
英原文:jquery-performance-rules 翻译:Skyline.xin 之前,我们需要担心减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到一个影响性能的重要组成部分--CPU利用率。使用 jQuery和其他 Java Script框架,使节点选择和DOM[详细]
-
JQuery 应用过程详解
所属栏目:[传媒] 日期:2018-08-17 热度:168
终极目的:想做一个方便的排序功能。 具体实现:点击后可以输入排序的数字编号,移开后自动更新数据库。 1,我想把这个功能用span来完成,也就需要一个在页面上监控指定的span的东西,他就是: ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数[详细]
-
JQuery Dialog(JS模态窗口,可拖拽的DIV)
所属栏目:[传媒] 日期:2018-08-17 热度:197
调用示意图 交互示意图 如上图所示,这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的提交按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件。 2、用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口C[详细]
-
jQuery全选和取消全选插件及代码分析
所属栏目:[传媒] 日期:2018-08-17 热度:86
在前端开发中,经常会出现这种情况:单击某一复选框实现某一行或某一列的复选框在被选中或不被选中的状态间切换。在没有 jQuery 之前,我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件。[详细]
-
jQuery学习5:jQuery事件模型
所属栏目:[传媒] 日期:2018-08-17 热度:83
jQuery 事件模型的功能有: 提供建立事件处理程序的统一方法; 允许在每个元素上为每个时间类型建立多个处理程序; 采用标准的事件类型名称,例如click或mouseover; 使用Event实例可用作处理程序的参数; 对Event实例的最常用的属性进行规范化; 为取消事[详细]
-
jQuery学习4:浏览器的事件模型
所属栏目:[传媒] 日期:2018-08-17 热度:184
首先要知道DOM的两级模式:DOM0级和DOM2级 在DOM0级事件处理程序是通过把函数实例的引用指派到DOM元素的属性而声明的。 声明DOM第0级事件处理程序: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadtitleD[详细]
-
jQuery学习2:选择器的使用
所属栏目:[传媒] 日期:2018-08-17 热度:116
利用选择器,选择要被操作的html中的元素。 1.利用CSS的基本选择器: a:匹配所有链接a元素。 #*:匹配id为*的元素 .*:匹配CSS类为*的元素 a#*id.*class:匹配id为*id,并拥有CSS类为*class的链接元素。 以上是CSS中的写法,在 jQuery 中用$()包起来,如:jQ[详细]
-
jQuery学习1:认识和了解jQuery库
所属栏目:[传媒] 日期:2018-08-17 热度:118
jQuery 简单的说是一个优秀的javescript类库。jQuery使开发者能更方便地处理DOM、events、实现动画效果,并且方便地为网站提供Ajax交互。jQuery力求改变web开发者在创建页面的富功能时的思维发式也即jQuery提出的行为与结构相分离。 jQuery的重点是从html[详细]
-
Jquery 经典总结:十二个常用方法
所属栏目:[传媒] 日期:2018-08-17 热度:119
1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、 jQuery 对象与dom对象的转换 只有jquery对象才能使用jquer[详细]
