Mar082017
使用jQuery快速开发交互效果
jQuery是一款功能强大、使用简单的JavaScript库。它简化了JavaScript在网页中的操作,通过使用jQuery,我们可以更快速、更高效地开发出交互性强的网页效果。本文将介绍如何使用jQuery来实现一些常见的交互效果。
一、引入jQuery库
在开始使用jQuery之前,首先需要在你的网页中引入jQuery库。你可以通过访问 jQuery官网 来下载最新版本的jQuery库文件,或者通过引入CDN链接的方式获取到jQu...阅读全文
抢沙发
Feb282017
带参数的jQuery插件的开发方法
带参数的jQuery插件的开发方法。
1.在jQuery命名空间内声明一个特定的命名。
$.fn.myStyleOne = function() {
//在这里输入你的插件执行代码
};
我们可以这样调用:
$('#myDiv').myStyleOne();
2.接收参数来控制插件的行为;
来为我们的myStyleOne插件添加指定前景和背景色的功能,我们需要在函数中允许一个object类型的选项设置。如下所展示的那样:
$.fn.myStyleOne = funct...阅读全文
Feb272017
功能强大的文件上传组件-WebUploader
WebUploader是由Baidu WebFE(FEX)团队开发的一个以HTML5/FLASH构建的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用老的FLASH运行时,兼容PC和移动端。它最大的特点是采用大文件分片并发上传,极大的提高了文件上传效率。
使用WebUploader还可以批量上传文件、支持缩略图等等众多参数选项可设置,以及多个事件方法可调用,你可以随心所欲的...阅读全文
Feb112017
使用jQuery实现图片放大镜效果,提升产品展示效果!
在网页设计中,产品的展示效果对于吸引用户的注意力和加强购买欲望起着至关重要的作用。其中,图片是产品展示中最直观、最重要的元素之一。为了提升产品展示效果,我们可以使用jQuery来实现一个图片放大镜效果。
为什么选择jQuery?
jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画等操作。使用jQuery可以轻松地实现各种效果,同时也具备良好的浏览器兼容性...阅读全文
Jan172017
jQuery – fadeIn淡入效果
简介
jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档的遍历、事件处理、动画效果等操作。其中之一就是fadeIn淡入效果,它通过逐渐增加元素的透明度来实现平滑的显示效果。在本篇博客中,我们将学习如何使用jQuery中的fadeIn方法来创建各种各样的淡入效果。
前提条件
在使用jQuery进行开发之前,需要确保已经正确加载了jQuery库文件。你可以在HTML文件中导入jQuery库文件,...阅读全文
Nov272016
如何通过jQuery实现页面元素的切换效果
页面元素的切换效果可以为用户提供更好的视觉体验和交互效果。使用jQuery可以轻松地实现这些切换效果,而不用编写繁琐的代码。本文介绍如何使用jQuery来实现常见的页面元素切换效果。
1. 显示和隐藏效果
使用jQuery的show()和hide()方法可以实现元素的显示和隐藏效果。以下是示例代码:
```javascript
// 显示元素
$("#element").show();
// 隐藏元素
$("#element").hide();
这些方法可...阅读全文
Nov122016
使用jQuery开发交互式的网页
在网页开发中,实现交互式效果对于提升用户体验以及增加网站吸引力来说是非常重要的。jQuery是一款流行的JavaScript库,它简化了JavaScript开发,使得开发者可以更加便捷地处理DOM操作、事件处理以及动态效果。在本文中,我将向大家介绍如何使用jQuery开发交互式的网页,并分享一些常见的jQuery动态效果和技巧。
引入jQuery库
首先,在网页中引入jQuery库。你可以通过以下方式来引入:
&l...阅读全文
Sep252016
Sep242016
jquery模拟title提示效果
当文字字符长度被限制后,总有些长标题会被截断,用title提示虽简单但会造成页面html代码的冗余,这里用jquery做了一个模拟title的提示效果,具体代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实现的简单文字提示效果</title>
<script src="http://www.phpernote.com/js/jquery...阅读全文
Sep202016
使用js qrcode生成二维码
1.jquery.qrcode
qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,您可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。
2.QRCode.js
QRCode.js 是一个用于生成二维码图片的插件。
http://code.ciaoca.com/javascript/qrcode/
阅读全文