jquery
文章平均质量分 82
iteye_21028
这个作者很懒,什么都没留下…
展开
-
jquery学习之—构建功能型表单(一)
比较常见的表单验证功能 当在网站中使用jQuery时,我们必须时常提醒自己如果用户禁用了JavaScript,那么页面看起来会怎样、功能是否还健全(当然,除非我们知道用户是谁,而且知道他们会怎样配置浏览器)。但是,这并不意味着我们不能为JavaScript的用户创建更美观或者功能更强大的网站。渐进增强的原则在JavaScript开发者中间如此流行,就是因为它在为多数人提供额外功能的同时,还能...2008-12-13 14:33:49 · 123 阅读 · 0 评论 -
js图片轮换效果(二)
结构:<ul id="picture"> <li><img src="images/pic1.gif" alt="xx" title="xx" width="600" height="222" /></li> <li><i2009-03-13 15:23:44 · 76 阅读 · 0 评论 -
价格过滤条
写了一个价格过滤条:重点是按钮的css定位要算好。只能做粗略的过滤,分两种情况考虑,分别是左边按钮移动和右边按钮移动。ie下貌似还有些问题,按钮释放有个bug。function price_choose(){ var left_d=0,left_x=0,right_d=0,right_x=0; var max = 10000; var min = 100; var s_b_le...2009-04-03 10:18:44 · 117 阅读 · 0 评论 -
EasySlider
Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content basic default non styled demostyled demo with default settingsnon styled demo with vertical scroll and v...原创 2009-11-16 21:58:24 · 117 阅读 · 0 评论 -
jquery 排序+分页
<script type="text/javascript"> $(document).ready(function(){ $("table.sortable").each(function(){ var $table = $(this); $table.alternateRowColors(); $("th",$table).each(function(col...2008-11-16 22:38:49 · 188 阅读 · 0 评论 -
jquery写的弹出层
index.html<body><div class="field"><input type="checkbox" id="choose"/><label for="choose">查看历史记录</label><select><option&am2008-11-30 23:48:30 · 139 阅读 · 0 评论 -
展示图片的例子2
转自:站酷 下面我用jquery写了个类似的效果,用jquery写起来就非常简单。<script type="text/javascript">$(document).ready(function(){ $("a").hover( function () { $("a").animate({width:160},{queue: false, duratio...2008-12-01 17:19:23 · 112 阅读 · 0 评论 -
google首页动画效果
原本以为google首页的动画是动画图片,后来发现是用js写的。好奇,就仿着google首页的动画用jquery试着写了个。难点就在切图和定位上。 下面讲一下这两个难点。切图:a: 这里我拉了些参考线,便于看得更清楚些。每个方框里的宽度高度都相同。然后用setTimeout延时,间隔相等的时间去改变背景图片的位置,连贯起来看起来就像是个小flash动画 for(...2008-12-04 17:38:52 · 275 阅读 · 0 评论 -
table表格的常用功能
就table的一些常用操作做了一个综合的例子,包括行条纹 高亮 工具条提示 扩展 折叠 筛选等效果。 效果图如下: 下面我把我写的例子拆分解释一下: 1.行条纹var rowIndex = 0;$("tbody tr").each(function(index){ if($("th",this).length){//检查当前行是否包含th元素 $(this...2008-12-06 14:21:52 · 237 阅读 · 0 评论 -
Cookie Plugin for jQuery
Cookie Plugin for jQuery A few simple examples of how to use it:$.cookie('the_cookie'); // get cookie$.cookie('the_cookie', 'the_value'); // set cookie$.cookie('t...原创 2009-08-09 23:30:26 · 116 阅读 · 0 评论 -
自动播放的jQuery幻灯片
来看下效果图: <script src="jquery.js" type="text/javascript"></script><script type="text/javascript">var theInt = null;var curclicked = 0;$(function(){ autoPlay();})..原创 2010-10-29 22:23:48 · 175 阅读 · 0 评论 -
上一张下一张
预览照片的常用功能:上一张下一张 效果图(很喜欢的蒙奇奇): <script type="text/javascript"> $(function(){ viewClick(); }) function viewClick(){ var x = 10;//定义x的偏移量 var y = ...原创 2010-11-09 22:12:46 · 288 阅读 · 0 评论 -
简单的新闻滚动
这里直接用jquey的animate函数做的滚动效果 效果图: <script type="text/javascript"> var lineHeight = 30; var time = 1500; $(function(){ activitiesScroll(); ...原创 2010-11-09 23:07:46 · 105 阅读 · 0 评论 -
jquery ui 日历插件(换色+类型)
抽空把jquery ui里的日历做了个整理,整合了换色和几种调用方法。文件里的example.html是我写的调用页面,所有的颜色主题和调用方法都可以通过这个页面呈现出来。 example页面,点击查看大图 一共有17个颜色主题,如下图,点击查看大图...2009-03-10 16:59:38 · 140 阅读 · 0 评论 -
二级菜单效果(3)
html代码结构:<li class="menu"> <div><span class="l">&nbsp;</span><a href="#">线路</a><span class="r">&2009-03-07 16:05:18 · 146 阅读 · 0 评论 -
js图片轮换效果(一)
常常在各大网站上看到如下图所示的图片轮换效果,有的是用flash做的,有的是用js做的。我就google一下,发现用js写的图片轮换效果例子是不少,可惜要么太繁琐,要么连页面都打不开于是自己试了试,写了一个,代码很少。[img]http://ice-cream.iteye.com/upload/attachment/60007/3d2759cd-10d1-30e2-892c...2008-12-15 21:39:58 · 313 阅读 · 0 评论 -
动态过滤填充input框和用弹出层替换select框
左图是用keydown事件写的动态过滤填充input框$(document).ready(function(){ $("input.click").click(function(){$("ul").hide();}); $("input.click").keydown(function(index){ position(this); $("ul").show(); $("ul...2008-12-23 23:21:16 · 170 阅读 · 0 评论 -
240多个jQuery插件
文件上传(File upload)Ajax File Upload.jQUploader.Multiple File Upload plugin. jQuery File Style.Styling an input type file.Progress Bar Plugin. 表单验证(Form Validation)jQuery Validation.Auto...原创 2008-04-28 21:29:43 · 183 阅读 · 0 评论 -
thickbox插件用法
最近发现一个不错的基于jquery的插件thickBox,感觉比facebox好用。做项目中发现facebox如果快速单击两下,容易出现黑屏。而且facebox的框架是用table写的,可能因为table相对div在结构方面更稳定些。如果弹出层里是table布局的,样式就会受到facebox的样式影响,还要重新reset一下。看了下官方的api,我研究了下,做了个整理。看下图: ...2009-01-13 22:47:24 · 176 阅读 · 0 评论 -
lightbox插件
lightbox基于jquery1.3版(附件1) 具体用法参见http://warren.mesozen.com/jquery-lightbox/Part 1 - SetupjQuery lightbox v0.5 uses the jQuery Library. You will need to include these two Javascript files in yo...原创 2009-01-16 16:58:25 · 214 阅读 · 0 评论 -
facebox插件
在网上down下facebox1.2版的源码,重新整理了下(原来是不兼容ie6的),附件中jquery用的是1.3版的,我只写了展示图片的弹出层。 方法:Images View '/facebox/stairs.jpg' in the Facebox The Code<a href="stairs.jpg" rel="facebox">text</a>...2009-01-19 14:03:40 · 186 阅读 · 0 评论 -
sexy curls插件
The sexy curls jquery plugin Sexy Page Curls是一个开源的jQuery插件,它的创造者为Elliott Kember。这个插件能够让你的页面卷曲,就像上图中显示的那样,虽然这个插件与技术的相关性不大,但是它能轻易的使页面卷曲,呈现出一个漂亮的页面。 方法:<link rel="stylesheet" type="text/cs...原创 2009-02-06 12:14:44 · 157 阅读 · 0 评论 -
菜单伸缩动画
方法:$(document).ready(function(){ $("dd:not(:first)").hide(); $("dt a").click(function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); return false; });});...2009-02-06 13:41:01 · 155 阅读 · 0 评论 -
用animate方法展示大图
demo中点击按钮后div元素的几个不同属性一同变化 <script type="text/javascript"> $(document).ready(function(){ $(".button").toggle( function(){ $(".content").animate({ width: "90%", h...2009-02-06 15:44:48 · 165 阅读 · 0 评论 -
很炫的图片循环效果(jquery改写版)
以前我在博客中发表过这个图片循环效果,是用javascript写的http://ice-cream.iteye.com/admin/blogs/183237最近在研究jquery,就用jquery改写了一下,发现代码要简单很多jquery代码:$(document).ready(function(){ $("img:not(:first)").hide(); $("span:fi...2009-02-08 21:18:14 · 110 阅读 · 0 评论 -
jquery学习之—构建功能型表单(二)
在构建功能型表单(一)中介绍了一些适用于用户进行文本性输入的表单功能。然而,有时候表单中的内容也会以数字为主。当处理作为表单内容的数字值时,也可以实现另外几种表单增强功能。 数字表单的典型代表就是购物车。在购物车表单中,应该允许用户更新购买的商品数量,同时,也要为用户提供价格和总金额的数字反馈。 构建功能行表单(二)1.在操作表单前先为表格应用标准的行条纹效果,美化一下...2009-02-10 20:45:09 · 113 阅读 · 0 评论 -
jquery之Image Scroller插件
jquery之Image Scroller插件图片滚动插件原创 2009-02-23 21:10:05 · 139 阅读 · 0 评论 -
遍历class
一般国外的网站很注重细节,他们会把菜单或者button做成图片,并且还有hover和selected状态。 如果仅仅是单独的button,可以addClass("xx")或者removeClass("xx"),xx是固定值,但是对于一组菜单或者button,这个时候需要动态地给每个标签加一个对应状态的class,来控制显示样式。例如下面这样:<ul> ...原创 2010-11-14 22:03:51 · 300 阅读 · 0 评论