-
简单有效解决Sublime Text无法安装插件的问题
Sublime Text是最受欢迎的代码编辑器之一，支持html、PHP、JS、CSS、JAVA、Python、C、C++等几乎所有语言的开发，因为界面简洁，内置代码高亮，代码自动补全，运行流畅，还支持各种各样的插件，经过扩展后甚至能成为一整套IDE来使用。 由于Sublime Text是一款国外软件，技术支持的服务器也在国外，国内用户在安装插件时经常无法连接到服务器而无法安装插件，网上查到的一些解决方法要么已经失效，要么需要......
-
深入理解css中position属性及z-index属性
在网页设计中，position属性的使用是非常重要的。有时如果不能认识清楚这个属性，将会给我们带来很多意想不到的困难。 position属性共有四种不同的定位方法，分别是static、fixed、relative、absolute,sticky。最后将会介绍和position属性密切相关的z-index属性。 第一部分：position:static static定位是HTML元素的默认值，即没有定位，元素出现在正常的流......
-
Ajax实现无刷新表格实时编辑
简单的jQuery Ajax表格实时编辑功能，点击单元格数据即可实时编辑更新数据，无需刷新跳转页面。 index.html <!DOCTYPE html> <html lang="utf-8"> <head> <meta charset="UTF-8"> <title>Ajax 表格实时编辑</title> <script src="ht......
-
jQuery为当前栏目导航添加CSS样式
在网站制作过程中，经常见到很多网站的导航栏中当前所在的栏目分类链接被添加了css样式，呈高亮状态，点击哪个分类链接哪个就会变成高亮状态，那么这种功能是怎么实现的呢，其实用jQuery就可以很轻松的实现。 jquery代码： /* 当前链接加css */ $('nav ul li a').each(function () { if ($(this)[0].href == String(window.location)) $(t......
-
jQuery Ajax无刷新批量删除数据功能
在 jQuery 中使用 Ajax 实现批量删除的基本思路，使用 jQuery 监听“批量删除”按钮的点击事件，收集用户选择的要删除的项目的标识（例如，ID）。 使用 Ajax 发送异步请求到后端，将要删除的项目标识传递给服务器。在后端，接收到请求后，根据接收到的项目标识进行删除操作，并返回相应的结果给前端。 以下是一个简单的示例代码： index.html <!DOCTYPE html&g......
-
jQuery实现文件列表和缩略图模式切换
做一个简单的仿网盘前端页面，实现文件以列表模式和缩略图模式切换功能。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>列表/缩略图模式切换</title> <script src="https://code.jquery.com/jquery-1......
-
jQuery Ajax无刷新数据增删改查功能
一套简单的无刷新数据增删改查功能，基于jQuery Ajax异步请求技术，后端使用PHP处理数据并返回结果给前端，实现页面无刷新，不跳转对数据增删改查操作。 index.html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>AJAX 无刷新增删改查</t......
-
jQuery实现文章列表指定行后插入广告
jQuery插入广告位功能：可指定固定位置，第几行后插入广告和随机某一行后插入广告，每次刷新位置不一样两种模式。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>文章列表插入广告</title> <script src="https://code......
-
CSS布局 ——从display，position， float属性谈起
页面布局，或者是在页面上做些小效果的时候经常会用到display,position和float属性，如果对它们不是很了解的话，很容易出现一些莫名其妙的效果，痛定思痛读了《CSS Mastery》后总结一下。 让我们从基础的CSS知识谈起，相信很多初学者和小弟一样不明白CSS原理，一味追求效果，结果页面漏洞百出，错误匪夷所思，关于盒模型我就不多说了，网上很多，注意一下IE和其他浏览器（W3C规范）的区别就好了。 块级元素与行内......
-
jQuery制作图片浮动放大，鼠标滚轮缩放功能
点击图片居中放大显示，背景半透明遮罩，鼠标滚轮可缩放图片大小，再次点击图片恢复原始大小并关闭。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>图片点击放大居中+滚轮缩放</title> <script src="https://code.jqu......
