jquery - 深圳方维网站建设公司

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拖拽库增强了页面的交互性。您可以将页面中的元素拖到不同的位置，并仔细检查它们。它允许用户在浏览网站时做更多的事情。

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