分类目录归档:js/jQuery

CSS+Cookie实现的固定页脚广告条

经常看到有些网站为了吸引用户注意,在页面底部放置固定横幅广告,用户滚动页面时,横幅广告一直固定在页底,并不随页面滚动而滚动,当然一般允许用户可以关闭广告条,并设置一定时间内不再显示此广告条。本文将介绍使用CSS+Cookie来实现这一效果。
HTML
首先,我们将横幅广告的html代码放到页面最底部,因为是最后加载的。也可以使用外部js动态插入到页面底部。整个HTML结构由遮罩层.float_layer,内容层.float_content组成,其中.float_bg为广告部分,内容可以是图片、文字等任意形式的html元素,.float_close是关闭按钮,用户不喜欢广告可以关闭展示。

继续阅读

判断safari_判断IE_判断firefox_判断Opera—JS判断浏览器

Jquery判断浏览器版本:

jquery鼠标移入某区域屏蔽document鼠标滚轮

超级经典一套鼠标控制左右滚动图片带自动翻滚

css部分:

HTML部分:

继续阅读

用JS控制iframe里的页面,做到3秒自动换一个。

假定iframe的id为ifr
下面是js程序

AJAX:

jQuery表单输入框焦点效果

JS代码

继续阅读

jQuery财付通Banner幻灯片效果

此效果是参考财付通首页Banner效果制作,html、css、js均为原创,可任意复制修改使用!

JS部分

继续阅读

jQuery弹性滑动导航菜单

效果也很常见的一款导航菜单,下午抽空写了一下,鼠标滑过的感觉很舒服的,

10个方便实用的jQuery表单操作

jQuery绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题,希望大家喜欢!如果你也有相关的代码,请大家积极分享!

代码片段1: 在表单中禁用“回车键”

大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助:

代码片段2: 清除所有的表单数据

可能针对不同的表单形式,你需要调用不同类型的清楚方法,不过使用下面这个现成方法,绝对能让你省不少功夫。

代码片段3: 将表单中的按钮禁用

下面的代码对于ajax操作非常有用,你可以有效的避免用户多次提交数据,个人也经常使用:

禁用按钮:

启动按钮:

可能大家往往会使用.attr(‘disabled’,false);,不过这是不正确的调用。

代码片段4: 输入内容后启用递交按钮

这个代码和上面类似,都属于帮助用户控制表单递交按钮。使用这段代码后,递交按钮只有在用户输入指定内容后才可以启动。

代码片段5: 禁止多次递交表单

多次递交表单对于web应用来说是个比较头疼的问题,下面的代码能够很好的帮助你解决这个问题:

代码片段6: 高亮显示目前聚焦的输入框标示

有时候你需要提示用户目前操作的输入框,你可以使用下面代码高亮显示标示:

代码片段7: 动态方式添加表单元素

这个方法可以帮助你动态的添加表单中的元素,比如,input等:

代码片段8: 自动将数据导入selectbox中

下面代码能够使用ajax数据自动生成选择框的内容

代码片段9: 判断一个复选框是否被选中

代码片段10: 使用代码来递交表单

原文网址:http://223.4.150.152/technology/jquery/20121127-jquery-code-for-forms/

使用jQuery判断元素是否存在

使用传统javascript方法,如下:

使用jQuery则比较简单,只需判断此元素的长度是否为0,如果为0则此元素不存在,代码如下:

甚至能找到组合元素,如下,我们找一个id定义为div的元素里面是否包含img,代码如下: