-
jquery笔记:用jquery和json从后台获得数据集
所属栏目:[传媒] 日期:2018-08-27 热度:169
最近正在用ajax无刷新做网站,发现数据很好传输,但是数据集不知道怎么获得,于是,上网查了一些资料来传输数据,现在和大家分享一下,不知道的童鞋可以和我一起学习,知道的请指点一二。我选择的方法是用json 来获取数据集。 其实Json也就是一种数据的格[详细]
-
jQuery实现的打字机字幕效果,可设置打字速度
所属栏目:[传媒] 日期:2018-08-27 热度:172
记得以前看电视的时候,电视里偶尔会出现文字一个紧接一个出现,伴随着打字机滴答滴答声音的 字幕 效果,常常好奇其实现效果。今天周末,没课就顺便想了想用javascript实现打字机效果。用了一个小时左右,就做出来,代码不过几十行。 先说下思路:一些典型的[详细]
-
直逼 Flash 的流畅感:jQuery 运动特效展示
所属栏目:[传媒] 日期:2018-08-24 热度:94
围剿 Flash 的不仅有 HTML 5,还有 Java Script,著名的 JavaScript 框架 jQuery 在 运动 特效方面已经越来越流畅,有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。 1. 流感导[详细]
-
JQuery扩展:将元素显示在屏幕的中央
所属栏目:[传媒] 日期:2018-08-24 热度:187
在网站开发中我们经常需要将对话框显示在屏幕的中央。如果使用 Java script因为浏览器实现的差异,实现起来非常麻烦。但是JQuery可以很简单实现的搞定这一切。 (function($){ $.fn.center = function(){ var top = ($(window).height() - this.height())/2;[详细]
-
新老版本juqery获取radio的方法
所属栏目:[传媒] 日期:2018-08-24 热度:76
今天换了个高版本的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 热度:58
功能:背景图片始终与窗口大小一致。 主要代码下: (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 热度:139
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 热度:142
Lazy Load 是一个用 Java Script 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页[详细]
-
jquery语法实现锁定弹出层
所属栏目:[传媒] 日期:2018-08-24 热度:76
经常遇到要弹出一个悬浮层,鼠标的事件只能在本层上有效,底层会失效。能用的做 法是在悬浮层和底层之间在加一个遮盖层,遮盖住整个浏览器,这样就不能点击底层的任何东西了。 遮盖层的定义: var w = Math.max(document.documentElement.scrollWidth, doc[详细]
-
jquery 替换 class 的方法
所属栏目:[传媒] 日期:2018-08-24 热度:123
和css有关的方法有这些: 1、.addClass(class1) .removeClass(class2) 2、.attr(className,class1) 3、.toggleClass(class1)如果原来没有class1就添加class1,如果原来有class1就移除class1[详细]
-
jQuery基础 - 处理网页内容
所属栏目:[传媒] 日期:2018-08-24 热度:141
改变页面内容应该算是 Java script最常用的功能,这包括更改已经存在的页面元素或者添加新的HTML元素。 jQuery 提供两种实现这种功能的方法 text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它还支持HTML代码。 //设置ID为b5_a段落的[详细]
-
jQuery基础 - 处理表单元素
所属栏目:[传媒] 日期:2018-08-24 热度:74
1.获取input类的值: $(input).val(); 2.获取textarea类的值: $(textarea).val(); 3.获取select类的值:$(select).val(); 当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组。当然,你可以给这些控件加上ID,从而对某[详细]
-
JQuery表单验证插件jQuery.validate.js
所属栏目:[传媒] 日期:2018-08-20 热度:156
今天把 jquery.validate.js 下载下来,看了下它给的demo。现在来总结下笔记。 jquery.validate.js 官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 在上面可以下载到它的例子程序和js脚本 说明:本人看了下例子程序,有什么不[详细]
-
使用 JQuery 设计的树形二级菜单
所属栏目:[传媒] 日期:2018-08-20 热度:51
功能目标:列出二级菜单,点击某个菜单其他菜单均关闭,次菜单改变状态(即若为关闭则变为打开,若为打开则关闭)。 自我评价:写的有点儿初级,但是我们的目标是规范代码、更精简、更简单。 HTML部分: Copy to Clipboard 引用的内容:[www.veryhuo.com]div[详细]
-
利用jQuery的$.event.fix函数统一浏览器event处理
所属栏目:[传媒] 日期:2018-08-20 热度:152
做WEB前端开发的人都知道不同的浏览器对事件的处理方式是有区别的,比如得到触发事件的元素引用在 IE浏览器 下是:event.srcElement,在FF浏览器下则是:event.target,另外又比如在FF浏览器下得到光标相对页面的位置是event.pageX,而IE浏览器下的处理方[详细]
-
给设计师的jQuery教程(第三部分)
所属栏目:[传媒] 日期:2018-08-20 热度:78
文章导读: 给设计师的jQuery教程(第一部分) 给设计师的jQuery教程(第二部分) 7.可折叠面板(Demo) 结合前面的技巧我们来实现一个可折叠的面板列(类似于gmail的邮件面板)。是否注意到我在Web Designer Wall的留言列表也运用了这种个效果? Copy to[详细]
-
给设计师的jQuery教程(第二部分)
所属栏目:[传媒] 日期:2018-08-20 热度:99
上一篇:给设计师的jQuery教程(第一部分) 翻译自:web designer wall 4a.手风琴1 先看一个手风琴的Demo。 Copy to Clipboard 引用的内容:[www.veryhuo.com]$(document).ready(function(){ $(.accordion h3:first).addClass(active); $(.accordion p:not[详细]
-
给设计师的jQuery教程(第一部分)
所属栏目:[传媒] 日期:2018-08-20 热度:157
这篇文章包含10个形象的例子,目的是给web设计师或者是入门的新人介绍如何使用 jQuery 实现javascript效果。jquery是一个写得少,做的多的非常优秀的一个javascript类库。它包含了很多Ajax以及javascript的特性,语义化编程,提高用户体验。因为这是一篇关[详细]
-
jQuery 实现连续列表效果
所属栏目:[传媒] 日期:2018-08-20 热度:80
你有没有手工的编写过一些重复的代码?你也觉得它们是如此的无聊吧。好了,这里有更好的解决办法。这个教程将告诉你如何运用 jQuery 添加连续的CSS类生成一个生动的列表。第二个示例是如何运用jQuery的prepend特性为留言列表添加一个留言计数。 可以先看看[详细]
-
jquery如何解析JSON数据 具体方法是什么
所属栏目:[传媒] 日期:2018-08-20 热度:77
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首先给出JSON字符串集[详细]
-
JQuery Tips(4)一些关于提高JQuery性能的Tips
所属栏目:[传媒] 日期:2018-08-20 热度:53
如今咱祖国已经崛起了..电脑的配置也是直线上升.可是js的性能问题依然不可小觑..尤其在万恶的IE中..js引擎速度本来就慢..如果JS如果再写不好,客户端多开几个窗口假死肯定是家常便饭了.废话不说了,下面说说js性能提升的一些小Tips. 在选择时,最好以ID选[详细]
-
jQuery练习:简单的图片结果展示效果
所属栏目:[传媒] 日期:2018-08-20 热度:88
今天看到google图片搜索结果页面,感觉简洁实用,于是用jquery粗略的模仿了一下,再次感觉到jquery的强大和易用,基本思路初步实现了,再整合ajax和json,应该可以做一个简单的应用了 :) htmlheadtitlejquery练习简单的图片结果展示效果-liehuo.net/titles[详细]
-
jQuery基础 - 改变CSS样式
所属栏目:[传媒] 日期:2018-08-17 热度:83
jQuery 提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码: $(#61dh a).css('color','#123456'); //这里选择器[详细]
-
JQuery获得绝对 相对位置的坐标方法
所属栏目:[传媒] 日期:2018-08-17 热度:90
获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;) var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').po[详细]
-
jQuery翻书插件JMagazine全新浏览体验
所属栏目:[传媒] 日期:2018-08-17 热度:135
提供全新的浏览体验,单独的每一页都能够添加HTML代码 这是我做的一个小小的试例,用了 jquery ui,以及前面制作的JTooltips 操作: 1.左键翻页 2.右键放大,放大的图片可以用鼠标拖动和滑轮滚动, 在放大图片的时候右键点击关闭(因为有了多个鼠标右键的操[详细]