Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)

jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)

本文实例讲述了jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果。分享给大家供大家参考,具体如下:该插件乃文章作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧。此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果,您可以根据自己的实际需求来设置是否添加左右切换图片的效果。整体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD ...
JavaScript代码因逗号不规范导致IE不兼容的问题

JavaScript代码因逗号不规范导致IE不兼容的问题

在用ExtJS做前端开发的时候,发现系统可以在谷歌浏览器、火狐下正常显示,但是用IE浏览器打开就会报错,报错信息如:Expected identified, string or number。后来,检查的代码的时候发现,是由于js代码中逗号用的不规范导致的IE不兼容。由于我是用eclipse来写代码的,下面我也就介绍怎么用eclipse来解决这个问题:例如有下面这么一段不规范的代码:Ext.onReady(function() {var panel = E...
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法

JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法

1.Object类在JS中,Object是所有类的基类,使用Object类来创建自定义对象时,可以无需定义构造函数(constructor,prototype,hasOwnProperty(property))var per = new Object();per.name = "zhangsan";per.age = ;alert(per.name + per.age);我们想在程序中得到一个对象变量,只要能存储大量数据即可,这个时候,我们可以考虑使用Ob...
js判断图片加载完成后获取图片实际宽高的方法

js判断图片加载完成后获取图片实际宽高的方法

本文实例讲述了js判断图片加载完成后获取图片实际宽高的方法。分享给大家供大家参考,具体如下:通常,我们会用jq的.width()/.height()方法获取图片的宽度/高度或者用js的.offsetwidth/.offsetheight方法来获取图片的宽度/高度,但这些方法在我们通过样式设置了图片的宽高后获取的就不是图片的实际宽高,这显然在有些时候不是我们想要的结果,那么有没有一种方法来获取这样的实际宽高呢?答案是有的。下面的代码就能解决这样的问题:<...
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)

jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)

本文实例讲述了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法。分享给大家供大家参考,具体如下:该插件是文章作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧。此插件旨在实现目前较为流行的拖拽改变元素大小的效果,您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高。整体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....
Jquery zTree 树控件异步加载操作

Jquery zTree 树控件异步加载操作

zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件兼容 IE、FireFox、Chrome 等浏览器在一个页面内可同时生成多个 Tree 实例支持 JSON 数据支持一次性静态生成 和 Ajax 异步加载 两种方式支持多种事件响应及反馈支持 Tree 的节点移动、编辑、删除支持任意更换皮肤 / 个性化图标(依靠css)支持极其灵活的 checkbox 或 radio 选择功能简单的参数配置实现 灵活多变的功能异步加...
利用jQuery中的ajax分页实现代码

利用jQuery中的ajax分页实现代码

本文实例讲解了用jQuery中的ajax分页相关代码,分享给大家供大家参考,具体内容如下把分页封装到一个jsp里,那么大家就可以通过include的方式引入分页的页面这里起名为page_ajax.jsp本人封装后,使用者需要在页面中引入page_ajax.jsp,并且在查询列表的时候,点击按钮,调用自定义的方法,如myFunction(),在这个方法里头,调用自己拓展的jquer方法,$.pageAjax(url,functionName,showDIv)...
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)

jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)

ImageDrawer.js是一款可以实现动态绘制图片动画的jQuery插件。通过ImageDrawer.js插件,你可以制作在页面中绘制图片的动态过程,你可以控制绘制动画的持续时间等参数,非常有趣。效果展示 源码下载使用方法使用该动态绘制图片插件需要在页面中引入imagedrawer.css,jquery和imagedrawer.js文件。<link rel="stylesheet" href="css/imagedrawer.css" type=...
jquery插件之文字间歇自动向上滚动效果代码

jquery插件之文字间歇自动向上滚动效果代码

本文实例讲述了jquery插件之文字间歇自动向上滚动效果代码。分享给大家供大家参考,具体如下:此插件旨在实现目前较为流行的文字间歇向上滚动特效,当鼠标移动到文字上时,向上滚动会停止,当鼠标离开时,向上滚动继续。整体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....
JavaScript实现搜索框的自动完成功能(一)

JavaScript实现搜索框的自动完成功能(一)

在很多需要搜索的网站, 都会有一个自动完成的搜索框. 方便用户查找他们想要的搜索词. 帮助用户快速找到自己想要的结果. 这种方式是比较友好的. 所以是比较提倡使用的.先给大家展示下效果图: 实现这个功能需要服务端配合。客户端通过脚本来展示从服务端取得的数据。 先看客户端的HTML:代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/...
jQuery zTree加载树形菜单功能

jQuery zTree加载树形菜单功能

由于项目中需要设计树形菜单功能,于是百度找相关资料,发现zTree方面的资料不少,觉得挺不错,而且zTree官方也有API文档,介绍的非常详细,经过一番捣腾之后,终于给弄出来了,所以便记下来,也算是学习zTree的一个总结吧。zTree的介绍:1、zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件2、zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载3、采用了 延迟加载 技术,上万节点轻松...
jQuery插件实现文字无缝向上滚动效果代码

jQuery插件实现文字无缝向上滚动效果代码

本文实例讲述了jQuery插件实现文字无缝向上滚动效果代码。分享给大家供大家参考,具体如下:此插件旨在实现目前较为流行的无缝向上滚动特效,当鼠标移动到文字上时,向上滚动会停止,当鼠标离开时,向上滚动继续。整体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码

jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码

本文实例讲述了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果的方法。分享给大家供大家参考,具体如下:此插件旨在实现表格隔行变色,且鼠标移动在表格的某一行上时,该行能高亮显示。整体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><ht...
灵活的理解JavaScript中的this指向

灵活的理解JavaScript中的this指向

this是JavaScript中的关键字之一,在编写程序的时候经常会用到,正确的理解和使用关键字this尤为重要。首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感...
<< 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 >>