-
前端开发
jQuerydraggable事件 jQuery draggable事件是jQuery UI提供的一种拖拽功能,可以让用户拖拽DOM元素,实现拖拽效果。它可以让用户拖拽DOM元素,改变其位置,实现拖拽效果。 使用方法 使用jQuery draggable事件可以很容易的实现拖拽功能,只需要在页面中引入jQuery和jQuery UI的JS文件,在JS代码中调用draggable方法即可实现拖拽功能。 script type="text/javascript" src="jquery.js"/scripts...
186
-
前端开发
jQuery 1.9.1.min.js是一款非常受欢迎的JavaScript库,它可以帮助开发者更加快速、高效的开发网页。jQuery 1.9.1.min.js文件可以在官网上下载,也可以在第三方网站上下载,下载完成后,将文件保存到网站根目录,可以在网页中引入,引入方式如下: script type="text/javascript" src="jquery-1.9.1.min.js"/script 引入完成后,就可以使用jQuery 1.9.1.min.js文件中的所有函数和方法了。jQuery 1.9...
63
-
前端开发
jQuery append() 方法 jQuery 的 append() 方法用于在被选元素的结尾插入指定内容。append() 方法用于在被选元素的结尾插入指定内容,它只能插入内容,不能替换元素中的内容。 append() 方法通过一个参数(可以是 HTML 字符串、DOM 元素、文本节点、数组,jQuery 对象等)来插入内容。 使用方法 $(selector).append(content); content:可以是 HTML 字符串、DOM 元素、文本节点、数组,jQuery 对象等。 使用示例 ...
55
-
焦点图
这次我们要来分享一款非常不错的 jQuery 横向手风琴图片滑块插件,首先它是基于 jQuery 开发的,因此,将会兼容大部分的浏览器;其次,这款 jQuery 图片滑块插件可以自动播放,也可以鼠标滑过时切换,是一款效果非常不错的 jQuery 手风琴图片插件。...
74
-
焦点图
这是一款效果非常炫酷 jQuery 和 CSS3 炫酷全屏垂直滚动切换幻灯片特效。该幻灯片特效采用全屏背景图片,使用鼠标滚动上下切换。鼠标放在屏幕左侧时,会打开所有图片的缩略图,点击可以直接跳转到相应的图片上。 HTML结构: 该幻灯片的 HTML 结构采用嵌套div的结构,.sections 中的每一个.section 都是一副幻灯片图片。为了制作百叶窗效果,每一个.section 中都带有多个.bg-part 的空 div。.sidebar-real 是图片的缩略图,也就是鼠标滑过屏幕左侧时显示的一行...
190
-
代码特效
今天要介绍的一款 jQuery插件又和图片有关,应该说这款 jQuery 图片插件不太常见,但在特定场合还是非常有用的。它可以帮助你在图片上划分热点区域,每一个区域都有一个点表示,鼠标滑过这个点的时候即可弹出该区域的相关信息,弹出的内容可以使文字,也可以使图片等其他内容。...
63
-
前端开发
jQuery map()方法用法 jQuery map()方法用于将一个数组中的元素映射到另一个数组中,返回一个新的jQuery对象。它可以接受一个函数作为参数,该函数用于把原始数组中的每个元素映射到一个新的数组中。 jQuery map()方法语法 jQuery.map( array, callback(element, index) ) 参数: array:要映射的数组 callback:映射函数,该函数接收两个参数:当前元素和当前元素的索引。 jQuery map()方法实例 下面的实例演示了如何使...
200
-
前端开发
jQuery的Toggle()方法是一种特殊的事件切换方法,它可以在点击某个元素时,自动地切换两种事件。在使用Toggle()方法时,需要指定两个要切换的事件,这两个事件可以是任意的jQuery事件,比如show()、hide()、slideDown()、slideUp()等。 Toggle()方法的语法 $(selector).toggle(function1, function2, [duration]) 其中,function1和function2是两个要切换的事件;duration参数是可选参数,...
52