PHP程序员站--PHP编程开发平台
当前位置:主页 >> 网页制作 >> Javascript >> 文章列表
使用jQuery制作商品放大镜效果   11-06-19
在一些大型的购物网站 你经常可以看到这个效果,通过放大镜效果,可以把一个小的图片的某一部位放大到清晰可见。 比如淘宝网的商品局部放大效果 1.原理 首先你必须要有2张图片,一张缩略图和一张高清晰的图片。 然后当鼠标在缩略图里移动时,通过计算鼠标在缩略图里的...
10款优秀的jQuery图片插件   11-06-18
本文收集了一些新鲜、有趣的 jQuery 插件,这些插件可用来执行不同的动画和图片效果。 1. AJAX-ZOOM 这个插件很有趣,可自动缩放镜头,同时也可转换成 3D 效果。 在线演示 2. Transformable 尽可能的变换图像:旋转、倾斜、缩放(可用于 DIV )。 在线演示 3. animated...
19 个漂亮的 jQuery 画廊和幻灯片插件   11-06-18
本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。 TN3 Gallery TN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示,支持转换和多相簿选项,支持智能手机设备浏览。 Live Demo Download Supersized 主要特点: 图片大小自动调整,以...
jQuery 1.6.2 RC1 发布   11-06-18
下载地址: http://code.jquery.com/jquery-1.6.2rc1.js jQuery 1.6.2 RC 1 改进记录 Attributes #9286: Using live submit on forms #9298: $(elem).attr(eventName) not working properly in IE7 #9329: attr(title) issue ...
JS刷新框架(iframe)实例   11-06-17
先来看一个简单的例子: 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE frame /...
js获取各种屏幕宽高代码   11-06-17
javascript 取当前各种类型窗口宽高的代码 alert(网页可见区域宽: document.body.clientWidth:+document.body.clientWidth); alert(网页可见区域高: document.body.clientHeight:+document.body.clientHeight); alert(网页可见区域宽: document.body.off...
jQuery通用dialog/popup窗口插件   11-06-16
非常棒的一个jquery插件,可实现弹出窗口,loading,信息提示等效果. jQuery通用dialog/popup弹出层,提示窗口插件,包括有弹出自定义的帮助窗口(根据位置自动判断在底部或头部弹出)、显示和隐藏Loading信息、显示自定义Loading信息、在指定容器内显示Loading信息、显示...
Jquery limit 插件统计字符数(实现还可以输入多少字)   11-06-16
用jquery limit.js插件显示当用户在input输入字符时提示还可以输入多少个字的效果 //引用的jquery框架 script src=.jquery-1[1].3.2.min.js type=text/javascript/script //简便的一个基于jquery的js文件,用于统计字符数 script src=limit.js type=text/javascript/sc...
Jquery fullcalendar 官方中文文档   11-06-15
1. 使用方式, 引入相关js, css后, $(#div_name).fullCalendar({//options}); 接受的是一个option对象 2. 普通属性 2.1. year, month, date: 整数, 初始化加载时的日期. 2.2. defaultView: 字符串类型, 默认是month; 2.2.1. 允许的views: 2.2.1.1. month 一页显示一月,...
用jquery日历插件FullCalendar打造outlook的日历效果   11-06-15
打造新型的FullCalendar日历插件,实现了类似outlook日历一样的视图界面,具体用法大家请看压缩包内的示例文件,在Example文件夹内,FullCalendar使用Ajax来获取每一个月的日历事件,并支持从Google Calendar获取事件。支持拖放日历中的事件,自定义点击和拖放事件。...
jquery获取当前IP,通过http://fw.qq.com/ipaddress    11-06-15
我们可以通过网络上提供的服务来获取ip地址对应的城市,比如:http://fw.qq.com/ipaddress 。大家复制到地址栏看看就明白了,直接获取了ip地址和所对应的...
jQuery浮动窗口插件 scrollFollow   11-06-13
JQuery 实现的页面滚动时浮动窗口控件 1. Introduction: 这个控件能够实现的效果是当你的页面滚动时,某个DIV永远停留在你需要它停留的位置。同时可以为这个DIV设定个容器,当滚动条已经超过了这个容器,那么这个DIV就不再滚动了。 有时候如果需要做个比较好用的导航条,使...
jQuery插件FullCalendar日程表实现   11-06-13
jQuery日历FullCalendar插件是一个非常不错的日历工具,可用于制作日程表或计划安排等,可扩展Google日历功能,制作个性化的日程表,同时可绑定点击事件或拖动事件,使用非常方便,效果图如下: jQuery插件FullCalendar在线实例 http://arshaw.com/fullcalendar/ 使用...
FullCalendar jQuery日历插件   11-06-13
FullCalendar是一个jQuery日历插件,它使用Ajax来获取每一个月的日历事件并能够配置成使用自己的日历事件来源比如从Google Calendar获取事件。支持拖放日历中的事件,自定义点击和拖放事件。 主页: http://arshaw.com/fullcalendar/ 下载: http://arshaw.com/fullcalen...
17个Javascript日期选择器   11-06-13
用键盘输入日期数字快,还是用鼠标操作JavaScript日期选择器进行选择快呢?似乎并没有人进行这样无聊的统计。但在表单中需输入日期的地方增加一个Javascript日期选择器被认为是一项提升用户体验的良好设计,毕竟,这是增加,而不是替换。让各种不同操作习惯的用户都有...
js去除空格方法   11-06-13
str为要去除空格的字符串: 去除所有空格: str = str.replace(/s+/g,); 去除两头空格: str = str.replace(/^s+|s+$/g,); 去除左空格: str=str.replace( /^s*/, ''); 去除右空格: str=str.replace(/(s*$)/g, ); SCRIPT LANGUAGE=JavaScript !-- // Trim...
js去除字符串的前后空格   11-06-13
js不像php中有trim函数,可以把字符串的前后空格去掉,只能我们自己来写函数,这个函数就是js去除字符串前后空格的函数, 以下为引用的内容: function KillSpace(x){ while((x.length0) (x.charAt(0)==' ')) { x = x.substring(1,x.length); } for (i=0;ix.length;i++...
jQuery Plugin for Popup对话框插件   11-06-13
一个 jQuery 的弹出对话框插件。如下图所示: 示例代码: a href=javascript:pop({text:'Are you ok?',title:'Confirm'},function(){alert('fine');},function(){alert('bad');});Demo/a...
jQuery有动画淡出的二级折叠菜单代码   11-06-13
有淡出效果的二级菜单. 以下是代码,注意:此代码依赖jquery,下载看效果时记录把jquery引入. 以下为引用的内容: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns= http://www...
Jquery(popup_layer.js)弹出层效果   11-06-13
超强的弹出层特效,简便,方便,最重要的是在 IE6下能遮住下拉框 script language=javascript $(document).ready(function() { //示例1,默认弹出层 new PopupLayer({trigger:#ele1,popupBlk:#blk1,closeBtn:#close1}); //示例2,弹出层位置可偏移 new PopupLayer({t...
27个华丽丽的 Web 日历组件 亮瞎你的狗眼   11-06-12
Web 应用上经常需要用到日历组件,例如生日选择、日程提醒、日期相关设置等等,下面是超过27个的界面非常华丽的日历组件。 Calendar PSD Template Web Icon Calendar Slick Calendar 3 Colors 副标题 Event Calendar Totally Resizible Calendar Date picker Web...
jquery JSON的解析方式   11-06-11
第一次用JSON作为jquery异步请求的传输对象,结果在jquery请求后返回的结果是字符串还是json对象上折腾了半天。等到问题解决了,也大致明白怎么个意思了,归根结底还是对jquery对相关json对象获取的理解有所偏差。 这里考虑都考虑的是服务器返回的是JSON形式的字符串的...
jquery键盘事件介绍   11-06-11
jquery常用键盘事件,比如安下某个键时. 一、首先需要知道的是: 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按...
jQuery 白痴级入门教程   11-06-11
什么是jQuery? jQuery是一个JavaScript库,白痴解释就是一个JavaScript工具箱,很多现成的工具,想用什么就拿什么。省去了自己重新编写代码的烦恼,对于像我一样的JS白痴,更是容易上手。 jQuery能做什么? 他能让你的页面产生很多让人惊喜的动态效果,简单的说就是让...
240多个jQuery插件推荐   11-06-11
jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不 及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速...
日期选择控件 jQuery DateInput 日历插件   11-06-11
jQuery Date Input是一个简洁,快速,轻量级,漂亮的日期选择控件。DateInput可自定义日期的显示格式,同时支持多种语言包括中文。 下载地址:http://plugins.jquery.com/project/date-input...
jQuery双日历插件 jQuery Datepicker   11-06-11
非常强大和完善的jQuery UI Datepicker 并且配有完善的使用文档和实例演示文档,Datepicker完全可以满足我们不同的需求所需,特别是可实现双日历、多日历的显示,如下图所示: 包含的使用情况和设置有如下分类: 1.默认的配置 2.鼠标点击日历图标按钮激活(Invocation...
jQuery跟随浏览器滚动条浮动层效果   11-06-11
一个跟随浏览器滚动条浮动层 的功能类似网页二则的浮动广告,使用 jQuery Scroll Follow实现 必须调用的js有: jQuery Easing Plugin jQuery Cookie Plugin jQuery Scroll Follow 操作说明: 1. 包含以上三个必须得js脚本文件到你的项目: 以下是代码片段: script type...
jQuery圆角插件,实现兼容浏览器圆角效果   11-06-11
W3C很早就已经在CSS 3 中加入了圆角属性border-radius,但是由于某些流行浏览器的不支持,使得其还是没能被广泛使用,所以我们会想尽办法去进行更好的补充,包括背景图片的圆角实现、js圆角实现等等。但是这些方法在实现的过程中,总是会增加很多无谓的工作任务,而且...
10个美观实用的 jQuery/Mootool 日历插件   11-06-11
日历功能在个人博客网站及一些任务类网站都有广泛的应用,当然,在一些通用网站的后台也不乏这些日历功能的综合应用,所以,一个结构合理、代码清晰的日历模块是网站设计者经常碰到的实际应用,那么,不妨把这篇文章搜藏起来,以备不时之需吧。 jQuery日历插件 Full Ca...
9个实用jQuery日历插件   11-06-11
1. FullCalendar FullCalendar是很出名的jQuery日历插件,它支持拖拽等功能,整合了Google Calendar,而且可以通过JSON来绑定事件,设计师可以轻松地自定义日历样式,工程师则利用它提供的接口来处理用户触发事件。 2. Astonishing iCal-like Calendar 这里是一篇教程...
简洁JQuery手风琴竖导航菜单   11-06-11
一个手风琴竖导航菜单,基于jQuery框架. 手风琴竖导航菜单下载...
javascript去除html的函数   11-06-09
javascript清除html代码的函数. 以下为引用的内容: script language=JavaScript !-- function clear_tags(){ var re= /S[^]*/g; helphint = helphint.replace(re,); alert(helphint); } // -- /script...
横屏竖屏判断--全屏设置--取屏幕宽高   11-06-07
横屏竖屏判断 方法1: Configuration cf= this.getResources().getConfiguration(); int ori = cf.orientation ; if(ori == cf.ORIENTATION_LANDSCAPE){ Log.v(======, ORIENTATION_LANDSCAPE); }else if(ori == cf.ORIENTATI...
限制input只输入数字   11-06-07
利用javascript限制input表单只能输入数字, 注:本函数依赖jquery.使用时需要引入jQuery input id=txtfp runat=server type=text style=width:50px onblur=getnum() onkeyup=checkdig() / function checkdig() { var value= $(#txtfp).val(); $...
js格式化数字为两位小数   11-06-07
javascript格式化二位小数代码. function formatFloat(src, pos) { return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos); } alert(formatFloat(11111.2222, 2));...
JavaScript获取屏幕的宽和高    11-06-07
var bodyWidth =document.body.clientWidth; //网页可见区域宽 var bodyHeight =document.body.clientHeight; //网页可见区域高 var bodyWidthWithBorder =document.body.offsetWidth; //网页可见区域宽(包括边线的宽) var bodyHeightWithBorder...
jQuery+PHP+MySQL实现二级联动下拉菜单   11-06-06
二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。 大类: 前端技术 程序开发 数据库 小类:PHPJAVAASP.NETC++ 实现的效果就是当选择大类时,小类下拉框里...
使用CSS和jQuery制作漂亮的下拉选项菜单   11-06-06
我们在进行表单设计时,可能要用到select下拉选项控件,遗憾的是,IE浏览器默认的select控件外观非常丑陋,而且不能用样式来控制,不能在选项中添加图片等信息。今天我将通过实例来讲解如何用CSS和jQuery来制作漂亮的下拉选项菜单。 XHTML div id = dropdown p 请选择...
jQuery文字滚动效果插件marquee的应用   11-06-06
工作中会遇到这种情况,要在有限的网页空间里放下大段的文字内容,我们会想到用到文字滚动效果。文字滚动效果能充分利用网页的空间、有效地增加网页的内容,可以把新闻、最新文章、或者网站最新公告等显示在较小的空间里。 曾记得几年前的网络世界里,随便打开一个网站...
jQuery插件jPaginate实现Ajax分页效果   11-06-06
jPaginate是基于jQuery的动感滚动分页插件,它的表现形式是像分页的按钮一样,非常有意思的是这些按钮却可以滚动,可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。 调用jPaginate插件的方法很简单: $(elementID).paginate() 属性设置 可喜的是,jPaginat...
14 个很酷的 jQuery 导航菜单插件   11-06-05
导航按钮是网站的非常重要的一部分,因其将网站的所有部分而集中一处,jQuery导航菜单插件在其中扮演重要的角色。 本文介绍了14个很酷的jQuery导航菜单插件,它们够漂亮、简单,并且完全兼容各种类型的web浏览器。 1.Facets Navigation Demo | Download 2.Rocking Roll...
10个免费的jQuery可视化编辑器插件   11-06-05
富文本编辑器,也就是所见即所得的HTML 编辑器,是网站一个非常重要的组件,特别是对于一些内容发布网站来说。本文介绍 10 个基于jQuery 的可视化文本编辑器。 1、 MarkitUp markItUp! 并不是全功能的编辑器,它是一个非常轻量级、可定制的灵活引擎,适合 CMS、博客、论...
网站不再单调!10个有用的jQuery插件   11-06-05
Jquery是继prototype之后又一个优秀的Javascrīpt框架,jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。本文介绍的插件涉及图像、paypal支付、分页、导航等方面的内容。 1. AJAX-ZOOM 图像缩放 Pan Gallery, 360 对象...
JQuery Tree插件:zTree v2.6正式版发布   11-06-05
zTree v2.6正式版对比v2.6.beta来说修改的地方不多,主要是修改了几个Bug。另外对于check功能做了一定完善,希望使用checkbox或radio,但部分节点不显示checkbox/radio的朋友们,使用v2.6正式版可以很easy的实现了。(总有朋友觉得我发布zTree的时候不放图片,很不爽,...
jQuery EasyUI 使用介绍   11-06-05
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提...
10个jQuery弹出层插件推荐   11-06-03
1.thickbox 目前用的比较多的,最新版本是thickbox3.1 下载地址: http://jquery.com/demo/thickbox/#examples 2.colorBox 官方网站: http://colorpowered.com/colorbox/ 下载地址: http://colorpowered.com/colorbox/colorbox.zip 演示实例:http://...
js实现复制带版权的实例    11-06-03
javascript 实现复制自动带版权的例子. 看代码: 以下为引用的内容: document.body.oncopy = function() { if (window.clipboardData) { setTimeout(function() { var text = clipboardData.getData(text); if (text text.length300) { text ...
6款强大的jQuery插件 创建和加强网站布局   11-06-02
Javascript打开了web设计的大门,给了Html和CSS更宽广的舞台。HTML5和CSS3又比从前进步了一大截。神奇的根源来自JavaScript,它可以向你的网站布局中加入交互元素。以jQuery Masonry为例,它转换常规的布局,到一个真正的动态布局,可自动对齐任何项... 下面介绍了6款J...
9个实用的jQuery倒计时插件推荐   11-05-30
jQuery在现在的Web开发项目中扮演着重要角色,jQuery让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。 jQuery以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享9个实用的jQuery倒计时脚本,可以根据您的项目需要来选择使 用。...
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号