jquery_J9国际集团(中国)-官方网站

13 2023.11

Jquery-vue-react 点击关闭弹窗，刷新页面不再出现弹窗

在网页浏□□□览过程中，我们经常□□会遇到各□□种弹窗广□□□□告，它们不仅□□影响了用□□□户体验，还可能带□□□来安全风□□□□险。为了改善□□□□用户的浏□□览体验，我们可以□□通过 JavaScript 编程来实□□□□现点击关□□□□闭弹窗，并在刷新□□□□页面后不□□□再出现弹□□窗的功能。在网页设✦计中，弹窗是一□□□种常见的□□□交互方式，可以用来•展示重要□□□□信息、引导用户□□操作或提□□□□供额外的□□功能。然而，有时候用□□□户可能会□□□感...

查看详细
26 2023.05

Html 中使用 Swiper 实现焦点图，缩略图双向控制

一、什么是 Swiper ？Swiper 是一个纯 JavaScript 打造的滑动特效插件，面向手机、平板电脑等移动终端。它能够实现触屏焦点图、触屏 Tab 切换、触屏多图切换等常用效果。Swiper 开源、免费、稳定、使用简单、功能强大，是网站开发中的不二选择。Swiper 应用广泛，使用频率仅次于 jQuery，轮播图类排名第一，是网页设计师必备技能。众多...

查看详细
25 2023.04

利用jquery-ui实现后台列表的拖拽排序

最近遇到□□□□需要使用□□拖拽改变□□列表排序□□□的需求，实现的过□□□□程倒是相□□□对简单，问题点在□□□于这个拖▽拽改变排□□序的缺点□□□□是对于其□□□他页码的□□数据，无法跨页□□□改变排序，所以只能•通过拖拽□□□□排序和手□□□□动输入序□□号改变排□□□□序。以下是实□□□现思路： HTML：引入jquery-ui.min.js，jquery-ui.min.css文件列表结构▲部分： Sortable 的类名用◤于js的调用；id是数据的id，用于后台...

查看详细
26 2022.12

可以使用 HTML 和 CSS 构建的交互式元素

多年来，Web 上的交互□□□性意味着□□□□使用 JavaScript。无论是 vanilla JS 还是 jQuery 或 React 等库，该语言一□□□□直是构建□□□用户可以□□□□与之交互□□的元素的·门户。虽然 JavaScript 在这些场□□□□景中仍然□□□□非常有用，但它不再□□是必需的。如今，结合使用 HTML 和 CSS 可以完成□□很多工作。每个标准□□都经过扩□□□□展以包含□□□□曾经专为□□□其他语言□□所独有的□□功能。这种演...

查看详细
26 2022.08

微信小程序之一些JS方法的学习

上次讲到•程序的创丨建和一些□□□文件的解□□释，这些具体□□讲一讲小□□□程序的方□□法，因为我们□□□创建小程·序时用的□□是javacsript脚本，所以小程□□□序的也同·样支持原□□□□生态的JS方法和语□□□□法，但不支持jquery的语法，这个需要□□□□注意。打开一个□□□首页的index.js文件，如下所示： Page({ //data数组非常○的重要，用来设置□□□□一些默认♦的参数,可以直接□□即到wxml文件里，例如下面▽的参数 ...

查看详细
20 2022.08

如何使用 HTML5、CSS3 和 JQuery 创建手风琴的效果

我们可以□□□使用 HTML5 和 CSS3 实现简单☆的手风琴※效果，我们还将□□□使用 jQuery 来处理效□□□果并为我□□□们添加最□□□后的润色。效果如下□□图所示：首先，要构建html内容添加主要□□的css样式其中用到□□□□的CSS 选择器，有*，是针对页□□□面上的每□□□个元素。许多开发□□□人员将使□□□□用此技巧□□□将 margins 和 padding. 虽然这对□□□于快速测❖试当然很□□□□好，但我建议□□□您永远不□□□要...

查看详细
18 2022.01

前端开发之jQuery主要和常用API的使用

在我们使□□□□用jquery中，会经常使□□□用几个主□□□要和常用□□□□的API，今天我们□□□详细介绍□□□这几个API的使用和□□场景用途。 append(content|fn)，向每个匹□□□配的元素□□□□内部追加□□内容。比如：向P元素内部□□添加一段□□□□文本内容。返回一个HTML字符串，用于追加★到每一个□□□□匹配元素□□□的里边。接受两个□□□□参数，index参数为对□□象在这个○集合中的□□□□索引值，html参数为这□□个对象原□□□□先...

查看详细
01 2021.06

网页前端制作之Jquery简单轮播图效果

轮播图效□□□果在网站□□□□所处可见，今天来做□□个简单的❖轮播图效◢果，有轮播指□□□示点，有切换按□□钮箭头，效果如下□□□图所示： css样式如图： html结构如图： js如图： html结构和css样式没什□□□□么好说的，重点是js。如图中所□□示，获取需要□□□□轮播的个□□数（slide），用赋值给size_，获取初始□□□默认显示（slide）的下标，用赋值给i，当点击左□□□□按钮时，重新获取□□默认显示（slide）的下标，因...

查看详细
11 2021.01

网站前端开发Swiper3轮播插件的使用

轮播图在◣网站中使□□□□用的比例□□□□非常之高，自己手写□□□□一个轮播□□□比较费时□□□□间，而使用swiper（swiper3）轮播插件□□□□能很方便□□做出图片◇轮播效果，兼容性好，而且还支□□□持响应式□□□轮播。在项目引□□□□入swiper.jquery.min.js和swiper.jquery.min.css文件，html如图： js如图：如此一个□□□简单的轮•播图就制▲作完成了，当然一般□□□□网站的轮□□□播图不会□□如此简单，这里就需□□用到swiper...

查看详细
30 2020.09

网站前端制作之jquery ajax详解

ajax通过 HTTP 请求加载□□远程数据。 jQuery 底层 AJAX 实现。简单易用□□□的高层实□□现见 $.get, $.post 等。$.ajax() 返回其创□□□建的 XMLHttpRequest 对象。大多数情□□况下你无◈需直接操□□□□作该函数，除非你需□□□□要操作不·常用的选□□□□项，以获得更□□□□多的灵活□□□性。最简单的□□情况下，$.ajax()可以不带□□□任何参数□□□直接使用。注意，所有的选※项都可以□□□□通过$.ajaxSetu...

查看详细
21 2020.07

jquery常用的几个函数详解

1. parentsUntil([expr|element][,filter]) 概述：查找当前□□□元素的所◇有的父辈□□□□元素，直到遇到□□□匹配的那□□□个元素为□□止。如果提供□□□□的jQuery代表了一□□□组DOM元素，.parentsUntil()方法也能□□让我们找□□遍所有元□□□素的祖先▽元素，直到遇到□□了一个跟□□提供的参□□□数匹配的□□□元素的时□□□候才会停□□□□下来。这个返回□□□□的jQuery对象里包☆含了下面□□□□所有找到□□□□的父辈元□□□素，但不包括...

查看详细
28 2020.06

网页前端制作之bootstrap-slider制作价格区间滑块

在项目中□□□需要制作□□一个价格◆区间来回□□滑动的滑□□块，在网上查◉找时无意□□□□间知道了bootstrap-slider，经过了解□□□和使用这□□□□是一款在□□□原生bootstrap slider的基础上·制作效果□□□□非常炫酷※的jQuery slider插件。该slider插件可以□□自定义slider的颜色、形状、透明度和tooltip等属性，美化的效□□果非常好。在开始之□□□□前需要引□□□入bootstrap.min.css、bootstrap-s...

查看详细
18 2020.04

jQuery几个方法的概述及参数详解

1. slideDown([speed],[easing],[fn]) 概述：通过高度□□□变化（向下增大）来动态地□□□□显示所有□□□匹配的元◤素，在显示完□□□□成后可选□□地触发一□□□个回调函□□□数。这个动画◇效果只调□□□整元素的□□高度，可以使匹□□配的元素□□以“滑动”的方式显□□示出来。在jQuery 1.3中，上下的padding和margin也会有动□□□画，效果更流□□畅。参数详解： speed:三种预定□□速度之一□□的字符串("slow",...

查看详细
18 2020.03

网站前端制作之图片懒加载的功能介绍

在一次项□□□目中需要□□□□做一个电□□□子书，然后再网□□□□上找了一□□个电子书•的模板，但是我所□□□做的项目□□□□时电子版□□□□的图刊，需要加载□□□□有很多图□□□片，当完成后□□□□上传了100多张图片，这个时候◢发现加载◥非常的慢，效果要很★久才出来，这是我就□□□想到了我□□以前一个□□项目当时□□□也是因为○网站首页□□图片太大□□□□太多，js插件也多□□□□导致首页◥打开速度□□□□奇慢无比，后来用图○片懒加载□□稍微优化◤了一下发...

查看详细
06 2020.01

网站前端制作之使用jquery ajax请求数据

在我们平□□时做网站时有许多□□地方需要◉再不刷新□□□页面的时□□□候加载数□□据，在这里我□□建议使用jQuery 中的 $.ajax()方法实现. 实例代码这是一个□□□□简单的请□□□□求然后我们□□用thinkphp框架去接受这★个请求这样就是□□□□一个完整▼的jquery 的ajax请求, 如果我们□□□□需要加载◎的数据过□□□多不想去js里写html拼接我们可以▲在php里面实现□□□拼接或者新建□□一个...

查看详细
14 2019.10

网页前端开发之Jq几个常用方法的用法

1.on(events,[selector],[data],fn)：在选择元•素上绑定□□□□一个或多▽个事件的□□□事件处理□□□函数。描述：on()方法绑定□□□事件处理□□程序到当□□□□前选定的jQuery对象中的□□□□元素。在jQuery 1.7中，.on()方法提供绑定△事件处理·程序所需□□□□的所有功♦能。帮助从旧·的jQuery事件方法□□□□转换，see .bind(), .delegate(), 和 .live()。方法参数：events:一个或多□□个用空格◉分...

查看详细
28 2019.08

网站制作之Jquery返回顶部按钮

有些网站▲页面过长，在返回顶□□□□部的过程□□中，需要不要□□□滑动鼠标□□□滚轮来返◉回顶部，这样费时□□□□又费力，今天我们□□□制作返回□□顶部按钮，只需要鼠□□标轻轻点□□击一下，就可以直▼达页面顶□□□□部。网页的主□□□□体部分，分别用了□□宽度一致（1000px）、高度各不△相同、背景颜色▲不同、居中的四□□个div盒子组成，使页面的□□□□高度足够□□□□高让页面□□出现滚动•条；返回按钮◇使用了固♦定定位（position:fix...

查看详细
15 2019.07

网站建设之php+jquery无刷新数据分页

当我们展□□□□现大量数□□□据的时候，一般用会▽刷新页面·传入不同□□参数方式进行数据□□分页，但是每次□□刷页面定●位就会在□□头部，如果用瞄□□点或者更□□好的js动画进行□□重新定位，也会有页◎面刷新时□□□□闪屏的现◢象，为了追求◢更好的用△户体验，我们结合ajax的局部刷△新做一个□□□不刷新页☆面的的分□□□□页 function page_ajax($total,$page,$page_size = '') { //$total :...

查看详细
27 2019.06

网站制作之jquery页面滚动菜单栏定位跟随

在一些前◇端页面中□□□有一种效□□果是随着□□页面的下□□滑到不同◈的区域，悬浮的菜□□□单栏随着□□□□页面滑动□□□到不同区□□域定位菜□□□□单栏里不□□同的分类，而点击悬□□□浮菜单栏□□□里的分类□□□页面会跳▽至到相对□□应的区域□□□如下图： html代码图如□□□□下： css部分悬浮※导航栏需□□□要绝对定□□□位（position：fixed），其他的就□□□没什么需□□□要特别说□□□□明了。 js如图：如图所示，获取悬浮□□□□菜单栏距□□□□离顶部的...

查看详细
13 2018.11

【前端制作】移动端侧边滑出导航栏

移动端网站现在越来越普遍，很多客户都只做移动端，不考虑做PC电脑端了，这也得益于手机的普及。本人做前端制作开发多年，今天给大家分享移动端侧边滑出导航栏这个特效如何实现。一个简单的移动端侧边滑出导航栏，制作过程并不难，没有使用插件，用css和js就能完成。在这里我为了方便引入了jquery库，核心是css属性（transform：translate3d），...

查看详细
01 2021.12

连云港小程序定制公司的观点：

这个活跃□□□□在挪威的□□网站不仅※展示了网□□□页设计师□□□□的创造力，而且其中□□□□使用的jQuery UI拖拽库增□□□□强了页面□□的交互性。您可以将□□□页面中的□□□□元素拖到□□不同的位□□置，并仔细检▼查它们。它允许用□□□户在浏览□□□□网站时做◇更多的事◆情。

网站,设计,页面,设计师,创造力

J9国际集团|Home

jquery