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...阅读全文