
JQuery
roc1010
这个作者很懒,什么都没留下…
展开
-
15个幻灯片效果的JQuery插件
JQuery目前在国内是使用最多的JS插件之一,因此毫无疑问如此受欢迎的JS框架一定提供了许多实用出色的插件,本文中的15个JQuery插件都是用于幻灯片效果的展示。相信很多人都用过Flash的幻灯片代码,不过用JQuery做出的幻灯片效果种类更多,交互性更强,具体可以查看每个演示代码。1. jFlow 官方网站 |演示 一个漂亮而整洁的图片幻灯,被nettut推荐,如果你想自转载 2012-10-15 14:53:24 · 955 阅读 · 0 评论 -
HTML5 – 一个拖拽功能的例子
我最近出席了一系列的研讨会,HTML5这个主题在这些会上反复出现。出于好奇我略看了几眼后,开始觉得应该好好的挖掘一下HTML5,看看它究竟会给我们今天技术上带来哪些好处。一个特别有意思的东西就是拖拽功能编程接口 … 早期的HTML编程开发者一直对此渴望却不可及。我感觉这个功能非常有用 … 拖拽功能的实现已经成了几个不费吹灰之力的函数调用了。为了演示拖拽用例,我要创建一个简单的网络配置工翻译 2013-03-06 09:57:43 · 1875 阅读 · 0 评论 -
JS自定义属性的设置与获取
感觉用JQuery来设置自定义属性很方便,现在没有用JQuery,要用原生的JavaScript来操作自定义属性。 Jquery操作自定义属性的方法,很简洁: Js代码 $("#test").attr("test","aaa") // 设置 $("#test").removeAttr("test") // 删除 var test转载 2013-03-06 10:29:16 · 982 阅读 · 0 评论 -
超酷的响应式dribbble设计作品瀑布流布局效果
相信做设计的朋友肯定都知道dribbble.com,它是一个非常棒的设计师分享作品的网站,全世界数以万计的设计高手和行家都在这个网站上分享自己的作品,当然,如果你常在上面闲逛的话,经常得到一些免费的好东西。在今天的这篇jQuery教程中,我们将使用jQuery的几个插件来开发一个响应式的瀑布流应用,这个应用可以帮助你实时的从dribbble上得到最流行的设计作品,我们将使用如下几个插件:•转载 2013-02-22 11:56:16 · 650 阅读 · 0 评论 -
HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签翻译 2013-03-06 10:18:40 · 955 阅读 · 0 评论 -
关于响应式页面
作为一个无线部门的人,不懂移动设备是不行的。而作为一个无线的重构,不会写响应式页面更是不行得。而我,一个无线的重构,在我最近做的一个移动端的项目之前,的确是不会写响应式页面的,所以,严格来说,在这个项目之前,我是一个不合格的无线重构人。而这个项目,却让我快速地掌握了响应式页面重构的一些方法。下面就是通过这个项目来总结我在响应式页面重构学到的东西。众所周知,所谓响应式页面,就是能够用一套样式转载 2013-02-22 12:05:45 · 440 阅读 · 0 评论 -
不容错过的精选免费jQuery UI主题大荟萃
jQuery UI是一套很流行的jQuery用户界面组件的类库,它可以为你的网站提供很多UI小组件和界面主题。包含了日期选择器、滑块、手风琴模式、进度条和拖动框等几个部分组成,并以主题自定制的模式方便大家使用。我们可以使用ThemeRoller,来自己自定义需要的主题。当然,缺省jQuery UI自带的主题是我们常常诟病的地方,如果你追求超棒UI视觉效果(类似Bootstrap或者Window翻译 2013-03-08 11:13:27 · 1006 阅读 · 0 评论 -
14个最新jQuery插件_网页设计中常用案例
jQuery的强大功能,我就不说了。最近一段时间,一直在专心研究各种插件,今天精选了其中常用的14个,分享给我最爱的朋友们。BubbleUpWith BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move t转载 2013-03-08 13:46:22 · 795 阅读 · 0 评论 -
网页设计中图片展现形式的思考
图片,是构成网页的基本元素之一。图片不仅能够增加网页的吸引力,传达给用户更加丰富的信息,同时也大大地提升了用户在浏览网页的体验。图片的展示形式丰富多样,不同形式的图片展现也让浏览网页的乐趣变得更加多样化。跟随我们分别来体验一下目前存在的各种图片展现形式,让我们的眼睛去旅行吧。一、多图展现图片限制最大高度或宽度并进行矩阵平铺展现,这是最常见的多张图片展现形式。不同的边距与距离可产转载 2013-03-11 12:48:51 · 1095 阅读 · 0 评论 -
asp.net中 使用jquery+ashx 做ajax,json做数据传输
一直在想在asp.net中怎么才能向在java中那样用struts那样做页面请求。当然asp.net mvc就是类似struts的东西吧,不过还没来得及学习。今天就用ashx来接收页面请求,并调用后台,然后返回数据给前台,用jquer .ajax提交请求,接收ashx返回的数据。 例子: 例子是要实现页面加载时从数据库读取数据,并把数据放到一个转载 2013-04-10 10:11:48 · 1904 阅读 · 0 评论 -
jquery/JS 操作iframe
使用jquery操作iframe1、 内容里有两个ifame leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.radys.cn")2、 如果内容里面有一个ID为mainiframe的ifame ifa转载 2013-04-16 09:47:13 · 626 阅读 · 0 评论 -
Trigger a button click with JavaScript on the Enter key in a text box
In jQuery, this would work:$("#id_of_textbox").keyup(function(event){ if(event.keyCode == 13){ $("#id_of_button").click(); }});原创 2015-10-08 10:04:37 · 487 阅读 · 0 评论 -
2012年排名前20位的CSS网站作品
2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你有收藏更好的作品,欢迎留言向大家分享。1. Beercamp这个啤酒节的活动网站充分应用了转载 2012-12-19 12:02:21 · 1087 阅读 · 0 评论 -
使用jQuery轻松生成滑动拼图游戏——jqPuzzle插件简介
jqPuzzle 这个jQuery插件可以帮助你在自己的网页上轻松生成滑动拼图游戏。选择一张图片放进你的网页中,然后给它来点小小的魔法——jqPuzzle 会帮你把它变成滑动拼图!你还可以根据自己的喜好对这个拼图进行各种定制。太COOL了! 使用方法相当的简单。首先,像所有jQuery插件一样,在 标签中引用所需要的文件:[javascript] view plainc转载 2012-12-31 14:24:44 · 2127 阅读 · 1 评论 -
必须看的20多个新鲜和实用的jQuery插件
利用jQuery插件能够让开发人员以很少的几行代码,就能够快速开发出惊人的效果。这篇文章将介绍一些高级和尖端的jQuery插件,以提高你的Web设计。 Supersized 3.2 – Fullscreen Slideshow jQuery Plugin 这是一个利用jQuery实现的全屏幕背景幻灯片插件。 Expanding Fullscreen Grid Portfol转载 2012-12-13 13:28:08 · 1228 阅读 · 1 评论 -
30个精美的jQuery幻灯片效果插件和教程
这篇文章与大家分享30个精美的的 jQuery 幻灯片效果插件和教程。您可能经常能看到一些网站上特色区域的内容以滚动方式变化,这是一种在有限的网页空间内展示更多内容的良好方式,而且能吸引用户注意力。如果你想知道这是如何实现的,那么本文收集的30个幻灯片插件和教程将帮助您实现这种效果。JCOVERFLIPLive DemoCREATE A CUSTOM IMAGE G转载 2012-10-16 11:55:12 · 775 阅读 · 0 评论 -
jquery实现多行滚动代码,可以向左或向上滚动
html 文件gundong-0.1.html[html] view plaincopyprint?> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>多行滚动转载 2012-10-18 14:01:09 · 1221 阅读 · 0 评论 -
使用超棒超简单的自定义jQuery幻灯插件-Cycle2
在线演示Cycle2是一个超棒的jQuery幻灯插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能。支持声明式的初始样式配置,并且无须脚本可以完全支持自定义。你只需要简单的包含插件脚本,定义你的HTML内容,然后Cycle2可以帮助你完成其它所有的功能。如果你是一个不喜欢编程实现幻灯的开发人员的话,Cycle2是一个相当不错的选择。主要特性1.支持所有浏览器2.声明式原创 2012-10-18 20:46:20 · 2620 阅读 · 0 评论 -
用jquery实现仿蘑菇街导航固定顶部的效果
<!--* {margin:0; padding:0}body {}.nav {border:1px solid #ccc; overflow:hidden; height:30px; width:1000px; margin:10px auto; background:#fff}.nav li {float:left; padding:转载 2012-10-23 10:33:57 · 1856 阅读 · 0 评论 -
使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
今天我们将开发一个简单的叫upload center的图片上传程序,允许用户使用拖拽方式来上传电脑上的图片,使用现在浏览器支持新的HTML5API。图片将会有一个预览和进度条,都由客户端控制。目前,图片都保存在服务器上的一个目录里,当然你可以自己加强相关功能。在线演示 在线下载 什么是HTML文件上传?使用HTML5上传文件其实综合使用了3种技术,新的File Re转载 2012-11-01 13:38:10 · 1654 阅读 · 0 评论 -
用css3和jquery实现的渐变的动态进度条
进度条是网站中常见的一种,今天经过研究外国一个网站的例子,试着用css3来实现进度条: html代码如下: Set above to: 25% / 50% / 75% / 100% Set above to: 25% / 50% / 75% /转载 2012-10-23 10:35:54 · 674 阅读 · 0 评论 -
分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader
随着HTML5的使用越来越被大家接受,基于HTML5的技术和插件也会变得越来越广泛,今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。使用这个插件将会使得文件上传变得简单和有趣,你只需要拖拽文件到页面特定区域就可以上传文件。在线演示 在线下载 使用方法:$(function() { $("#d转载 2012-11-01 13:36:33 · 876 阅读 · 1 评论 -
IE6下png透明问题解决的最佳方案
本来只是一张png透明图片,在IE下是很好解决的,我也尝试了很多种,包括js法,滤镜css法等等,感觉总体来说都不是很完美,而且如果同时使用Sprites方法,就不是那么简单容易的事情了。最终发现了使用htc方法嵌到css文件中基本可以一次性解决大部分的透明问题。这种方法已经有很多人介绍过了,但是因为页面是英文,很少有人翻译,也就很少人会去使用。下面就详细介绍下这种方法:此方法本身翻译 2012-11-12 15:50:13 · 826 阅读 · 1 评论 -
Jquery的$命名冲突
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。第一种情况:jquery.js在prototype.js转载 2012-12-24 11:55:53 · 906 阅读 · 0 评论 -
期待已久的2012年度最佳jQuery插件揭晓
近日,国外著名博客WDL发布了2012年度最佳 jQuery 插件。jQuery 自2006年发布以来,经过6年的迅速发展,目前已是最流行和使用最广泛的JavaScript 框架,这主要归功于众多围绕 jQuery 的技术社区。jQuery 社区的开发者持续不断的在发布各种 jQuery 插件,Web 开发人员能够非常轻松把一些惊艳的功能到项目中。Arctext.jsArctext.j转载 2012-12-25 13:07:46 · 1054 阅读 · 0 评论 -
在线文字转图片工具
可以将你的邮箱(Email)、网址、电话号码和任意文本生成为图片,防止程序采集你的邮箱、网址、电话号码等信息而受到垃圾骚扰!输入邮箱(Email)、网址、电话号码和任意文本即可生成为图片,支持自定义域名邮箱!不少网友希望将自己的邮箱(Email)、网址、电话号码等信息添加在签名中,以方便他人联系。不过由于垃圾邮件地址扫描器的存在,使得公布这些信息往往会收到很多垃圾邮件和骚扰电话。一种办法就...原创 2019-01-16 20:22:07 · 24568 阅读 · 0 评论