Apr252020
Bootstrap中的JavaScript插件使用与问题
Bootstrap是一款强大的前端开发框架，其中的JavaScript插件是其重要的一部分，可以为网页提供丰富的交互效果。本文将介绍Bootstrap的JavaScript插件的使用方法，并探讨其中可能遇到的问题。
使用方法
下载Bootstrap：首先，在Bootstrap官网上下载最新版本的Bootstrap框架文件，并将其引入到你的HTML文件中。可以选择全局引入或按需引入。
引入jQuery：Bootstrap的大部分JavaScript插...阅读全文
作者：绝缘体.. | 分类：bootstrap, html, javascript, 前端技术, 编程语言 | 阅读： | 标签：bootstrap, html, javascript, JS,Jquery, 插件
抢沙发
Mar302020
Lee dialog 超好的弹出层(jquery弹窗)效果,基于jquery插件
超好的 Jquery 弹出层(弹窗)效果，基于jquery插件Lee dialog1.0，代码简单易懂，修改十分方便，效果却很强大，作者：十字花匠，十字花匠的博客已经不能访问了，博主在此对其表示敬意。jquery lee dialog 弹出层效果如下图所示：
各种演示已经相关代码这里就不贴出来了，下面提供一下 插件的相关参数的设置方法以及 lee dialog 1.0 的下载地址，里面有各种用法的案例，读者可自行下载研究...阅读全文
Mar282020
jQuery删除一个元素后淡出效果展示删除过程的方法
jQuery删除一个元素后淡出效果展示删除过程的方法，html结构如下：
<li>
<div class="qiniuImgIcon">
<a rel="lightbox" href="#">
<img src="images/image_icon.png">
</a>
</div>
<div class="fileName"><p>5b84ed08a13f7.jpg</p></div>
<div class="fileSize"><p&...阅读全文
Mar282020
jQuery 让DIV显示后延时几秒后消失
jQuery 让DIV显示后延时几秒后消失。
1. 最常用的方法
$(function () {
$("divid").show();
setTimeout(function () {
$("divid").hide();
}, 6000);
});
2. 第二种方法
a.delay函数式jQuery1.4.2新增函数
b.hide函数里必须带有参数0，不然不起作用
$(function() {
$("#ddiv").show().delay(6000).hide(0);
});
阅读全文
Mar272020
下一代前端框架Svelte 5响应式系统深度解析：性能超越React和Vue的技术预研报告
下一代前端框架Svelte 5响应式系统深度解析：性能超越React和Vue的技术预研报告
引言：前端框架的演进与性能挑战
随着Web应用复杂度的持续攀升，前端框架在构建现代用户界面中扮演着核心角色。从早期的jQuery时代到如今的React、Vue、Angular等主流框架，技术演进始终围绕“提升开发效率”与“优化运行时性能”两大目标展开。然而，在当前阶段，这些框架普遍面临一个根本性矛盾：声明式编程带...阅读全文
Mar252020
js实现5分钟页面无操作触发弹窗事件
js实现5分钟页面无操作触发弹窗事件示例。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面X分钟不动弹窗测试</title>
<script src="http://www.phpernote.com/js/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
function PopWindowAfterXm...阅读全文
Mar172020
使用jQuery实现页面滑动动画，吸引用户注意力！
在网页设计中，吸引用户的注意力是非常重要的，而滑动动画是一种直观而又有趣的方式，可以吸引用户的眼球。在本篇博客中，我们将学习如何使用jQuery来实现页面滑动动画，让你的网页更具有互动性和吸引力。
准备工作
在开始之前，你需要先引入jQuery库。你可以从官方网站下载jQuery，或者使用CDN链接进行引入。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></scr...阅读全文
Mar132020
如何使用jQuery实现图片放大效果
在网站中，图片是非常重要的内容之一。为了提升用户体验，图片放大效果经常被用来展示高清晰度的图片细节。在这篇博客文章中，我们将学习如何使用 jQuery 来实现这样的图片放大效果。
准备工作
在开始之前，我们需要确保已经引入了最新版本的 jQuery 库。如果还没有引入，可以在 HTML 文档的 <head> 标签内添加以下代码：
<script src="https://code.jquery.com/jquery-3.6.0.mi...阅读全文
Mar062020
Natas27 Writeup（mysql溢出截断漏洞）
Natas27：
一个登录节界面，查看源码。
<html>
<head>
<!-- This stuff in the header has nothing to do with the level -->
<link rel="stylesheet" type="text/css" href="http://natas.labs.overthewire.org/css/level.css">
<link rel="stylesheet" href="http://natas.labs.overthewire.org/css/jquery-ui.css" />
<link rel="stylesheet" href...阅读全文
Mar062020
Natas26 Writeup（PHP反序列化漏洞）
Natas26：
打开页面是一个输入坐标点进行绘图的页面。
<html>
<head>
<!-- This stuff in the header has nothing to do with the level -->
<link rel="stylesheet" type="text/css" href="http://natas.labs.overthewire.org/css/level.css">
<link rel="stylesheet" href="http://natas.labs.overthewire.org/css/jquery-ui.css" />
<link rel="st...阅读全文