jQuery
文章平均质量分 69
learning_1
这个作者很懒,什么都没留下…
展开
-
用jquery控制图片的最大宽度
基本思路是查看所有网页上的图片,如果大于一个数值,则设定宽度,否则,就按照原来的尺寸显示。代码如下: [code="js"] $(document).ready(function() { var maxwidth=552; $("img").each(function(){ if (this.width>maxwidth) this.width = m...原创 2008-10-16 17:02:21 · 98 阅读 · 0 评论 -
中关村网站产品参数页的参数纠错的制作
今天突然想在正在做的网站中加上个像中关村一样的参数纠错的功能,效果如下图: [img]http://niunan.net/bbspic/jiucuo.jpg[/img] 虽然看起来好像蛮简单,但是自己还是想了一下午加上晚上的2个小时,不过等到自己做出来的时候好像也感觉到蛮简单的,其实这种web页面的小特效只要把思路想通了就很简单了,呵呵,只是思路,不能说是算法,算法太高深,ME也不懂。 看到...2009-06-16 21:20:49 · 87 阅读 · 0 评论 -
jQuery插件—获取URL参数
做的项目中需要用到通过JS获取GET参数,上网找了一下,找到如下插件: 例如 当前你的URL是: http://www.xxx.com/index.php?test=1&kk=2 如果想获取test,则可以引入插件后, 用如下方法获取: var test = $.query.get(’test’); 如果参数有多个相同的名称 ,则可以这样: var arr = $.q...原创 2009-06-20 12:44:11 · 130 阅读 · 0 评论 -
jQuery插件_jcarousel(用于图片滚动)
效果图如下: [img]http://niunan.iteye.com/upload/picture/pic/28333/e2c3729b-8b71-30e1-9eba-cc440756ca38.jpg[/img] 目前制作的项目中用到,先记下来,以备不时之需! 附件中一个是直接从网上下下来的,另一个是自己精简了一下,只留下自己需要的~...2008-12-26 14:17:02 · 114 阅读 · 0 评论 -
jquery中筛选表格的特定行数后进行操作
项目中有个地方,一个页面显示两种商品,显示商品参数的时候有可以两种商品的参数数目不一致,这就导致了一边长一边短的,现在要做成如下图所示的: [img]http://taotao.wsyren.com/bbspic/jquery/01.jpg[/img] 一开始的时候先隐藏一部分参数,点击按钮后显示余下的参数,自己想了一下,基本思路是:页面进入时跟以前一样把商品参数全都取出来,然...2009-01-06 11:55:28 · 120 阅读 · 0 评论 -
jQuery控制元素间隔滚动!
只记录了本人需要用到的,转载自http://www.yaosansi.com/post/1309.html [code="html"] 多行滚动演示 ul, li { margin: 0; padding: 0; } #scro...原创 2009-01-12 12:14:23 · 135 阅读 · 0 评论 -
jQuery中使用插件解决ie6下selectfqg元素设置z-index无效的问题!
没用插件时的效果如下,这是在IE6下预览的结果,层的z-index不管设置多大都没用,select元素还是会在层上的 用了插件后的效果 select元素会自动隐藏,当层消失会又会自动显示, 此插件用法很简单: $(".board").bgiframe(); // 解决ie6下select元素会在上面的问题 之前记得先导入相应的JQUERY文件及插件,...2009-02-11 11:05:15 · 119 阅读 · 0 评论 -
框架frame自适应内容高度
让框架frame自动适应内容的高度 在每个框架子页面中加入如下代码 [code="js"] $(function() { setFrmHeight(); }); function setFrmHeight() { var frm = $(window.parent.docu...2009-07-31 16:17:47 · 122 阅读 · 0 评论 -
jquery xpath详解
比如下面html代码 <ul> <li class="aaaa" title="ttt">li-1</li> <li class="bbbb">li-2</li> <li title="fffff">li-2</li> <原创 2009-02-17 11:27:37 · 205 阅读 · 0 评论 -
jquery访中关村商城排行榜特效
目前公司的网站上要用到的效果,其实也算不上什么特效,无非也就是鼠标移上某些元素后某些元素消失某些元素显示而已,中关村商城的效果页面如下: [img]/upload/attachment/133558/330a20df-597b-320c-8ed6-ec51625bb924.jpg[/img] 我自己用jquery做的页面示例在以下网址中: http://www.5mdn.com...2009-08-08 11:04:42 · 96 阅读 · 0 评论 -
制作多级滑动tab菜单
效果演示网站:http://kr.shopping.yahoo.com/ 就是上面网址中居中的那个多级的滑动tab菜单,下面的图是我自己用jquery制作出的效果: [img]http://taotao.wsyren.com/bbspic/multitab/01.jpg[/img] 我自己制作的效果演示网址是: http://taotao.wsyren.com/multitab/multi...2008-11-26 11:47:44 · 279 阅读 · 0 评论 -
锋利的jQuery实例-图片滚动
效果看图: 点击按钮后的动画思路倒很容易弄懂,主要就是开始的时候CSS的设置,如果想到程序动态生成的话,那必须得先图片列表的长度。。。 这里只列出JS的代码: $(function() { var page = 1; // 初始为第一版 var i = 4; // 每版显示4个li // 下一版 $("span.next").click(func...2009-11-15 16:02:32 · 98 阅读 · 0 评论 -
jQuery实战(一)
从ITCAST上看到出了个jQuery实战的视频(http://www.itcast.net/portal/courses/unit/198),目前不用钱,呵呵,昨晚看了一下,觉得很不错,遂记录下来,以便日后复习!!! [color=blue]JQuery实战课程是一个系列课,采用每节课动手实战一个实例效果的方式来介绍如何使用JQuery快速开发AJAX前端应用,并结合实例介绍一...2008-10-27 12:02:42 · 79 阅读 · 0 评论 -
制作符合WEB标准的QQ弹出消息(jQuery)
这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画,感觉这个自定义动画就是像flash里的形状和渐变动画一样,只要定义了开头和结尾的两个关键帧,中间的动画过程会自动完成,不用会jQuery的可去查下jQuery的帮助文档. 基本思路是这样子滴:首先弹出消息框其实就是一个div层,页面加载完了以后我们应该通过CSS把div层定位到页面右下角的下方,并...2008-10-29 11:49:14 · 115 阅读 · 0 评论 -
jQuery实战(二)
很久不上来写文章了,嘿嘿,最近在做一个简单的新闻发布系统,打算做好了以后出个视频的,呵呵,很久不录视频了,不知道家里的那破话筒还用不用得..还有那破机子顶不顶得住啊....唉..一个月1000块上下的工作...吃饭去300,坐公交去100,给外婆100,给奶奶100,给老妈100,还有300,要攒到何年何月才能买台2G内存,开VS08不卡的电脑啊...郁闷.... :cry: ...2008-11-06 11:06:34 · 115 阅读 · 0 评论 -
只能输入数字的文本框(兼容ie6,7,8,opera,ff,chrome)
星期天上班真不知道干什么事哦,只好随便看看之前下载的电子书了,在看jQuery基础教程,里面看到一个小例子,拒绝非数字输入,觉得蛮好玩的,跟着那书上了例子把代码打了出来,可是在测试的时候却是有问题的,本来应该是只能输入数字的,可连英文字母都能输入,自己稍微改了一下。 html源码如下: [code="html"] 只能输入数...2008-11-16 10:36:21 · 133 阅读 · 0 评论 -
jQuery实战(三)
刚刚看完第三讲,是用jQuery制作下拉菜单,自己也试着做了一个,只是没有用到图片之类的,呵呵,所以比较难看,也比较简单。 因为我是用VS做的,所以HTML界面顶上都会有的内容的,大家换成静态页的时候把上面的去掉就成! menu.aspx源码 [code="html"] jQuery实战-下拉菜单 纵向菜单 ...2008-11-16 15:37:36 · 81 阅读 · 0 评论 -
jQuery实战(四) - tab菜单
很多天前就已经看完jQuery实战第四讲了,不过一直没有时间做笔记,呵呵,趁着今天有点空,上来记录记录... 这一讲的内容是制作tab菜单,所谓的tab菜单,也就是类似于OFFICE2007的界面菜单那样子的,当然,用在网页上面的话我们只是需要鼠标滑过就显示相应的内容而不必点击了,效果图如下: [img]http://niunan.net/bbspic/tab/01.jpg[/img] 在这...2008-11-19 13:55:15 · 114 阅读 · 0 评论 -
JQuery控制图片无缝滚动
经常有人问怎么在HTML上制作图片的无缝滚动,我自己在一些项目中也会经常用到的,今天花了些时间,上网搜索了一下,下了些源码回来看了一下,发现都是只能在IE下能够滚动的,而且都是光<html></html>这样子的,没有加上documentType标签,不符合“标准”。 于是自己套上了标准之后再改了一下,发现在firefox中还是滚动不起来,知道肯定是某些地方的js只适用于...2009-05-10 21:05:00 · 74 阅读 · 0 评论 -
鼠标移到某一元素则在元素旁边出现弹出框
类似于当当网的发货以后的那个发货反馈,鼠标移上去后自动会弹出一个框,位置随位置的改变而改变,代码如下: [code="html"] 框框随着鼠标点击的元素的位置改变而改变 a{ border: 1px solid #0f0; margin: 20px; width: 60px; height: 30px; line-he...2009-05-12 20:54:52 · 242 阅读 · 0 评论 -
jquery制作select列表双向选择
做项目的时候要用到的一个小功能,以前做过的,用的纯JS,今天翻出来看发现只能在IE中运行的,自己改成jquery的了,该功能很常见,不过一直不知道他的学名叫什么,所以也就随便起个了,大家看下面的图都应该知道了: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T...原创 2010-06-15 12:43:43 · 112 阅读 · 0 评论