Jul262020
使用jQuery实现悬浮菜单效果，提升导航体验！
导航菜单是网站中非常重要的一部分，它能够帮助用户快速定位并浏览网站的各个页面。然而，有时候我们的导航菜单可能会比较长，需要用户不断地滚动页面才能找到想要的选项，这样可能会给用户带来不便。为了解决这个问题，我们可以使用jQuery来实现一个悬浮菜单效果，提升导航体验。
准备工作
在使用jQuery之前，我们需要确保已经引入了jQuery库文件。在HTML文件的<head>标签中添加以...阅读全文
抢沙发
Jul202020
Jul182020
Ubuntu安装SSH
在Linux系统中，SSH（Secure Shell）是一种安全的网络协议，可以用于远程登录和执行命令。SSH允许用户通过网络管理和控制远程计算机，而不需要物理访问。
在本篇博客中，我们将介绍如何在Ubuntu操作系统上安装和配置SSH。
步骤一：更新系统软件
在安装SSH之前，我们需要先更新系统软件，以确保我们使用的是最新版本。打开终端，运行以下命令：
sudo apt update
sudo apt upgrade
这将更...阅读全文
Jul022020
Jun302020
JavaScript对DOM节点的查增改删以及对css的操作
========js操作DOM======
节点创建
节点增加
节点删除
节点修改(替换)
创建节点:
元素节点 例:<p></p>
文本节点 例”我是文本”
属性节点 例<img src=”xxxx” />
创建元素节点:
document.createElement(‘标签名称’)
创建文本节点:
document.createTextNode(‘文字内容’);
节点的增加:
找到其父元素,调用 父元素.append...阅读全文
Jun282020
动态背景吸附鼠标的js
方法一：
创建一个js文件。js代码如下：
!function(){function n(n,e,t){return n.getAttribute(e)||t}function e(n){return document.getElementsByTagName(n)}function t(){var t=e("script"),o=t.length,i=t[o-1];return{l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",1),c:n(i,"color","0,0,0"),n:n(i,"count",177)}}function o(){a=m.width=window.innerWidth||document.documentEle...阅读全文
Jun282020
鼠标点击富强民主的特性
方法一：
js代码（用notepad++编辑器的编码UTF-8 BOD编码来编写，不然会出现中文乱码，，我个人遇到了中文乱码）：
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
va...阅读全文
Jun272020
uploadify h5版本
Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：
支持单文件或多文件上传，可控制并发上传的文件数
在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……
通过参数可配置上传文件类型及大小限制
通过参数可配置是否选择文件后自动上传
易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……）
通过接口参数和CSS控制外观
该插件之前使用的是flash实...阅读全文
Jun262020
jquery实现投票占比特效
jquery实现投票占比特效，具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery实现投票占比特效</title>
<style type="text/css">
#ProgressBarBox{vertical-align: middle;}
#ProgressBarBox div {float:left;}
#processBar{width:6px;height:10px; backgrou...阅读全文
Jun262020
jQuery实现的简单百分比进度条效果示例
jQuery实现的简单百分比进度条效果示例，具体代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery实现的简单百分比进度条效果示例</title>
</head>
<script type="text/javascript" src="http://www.phpernote.com/js/jquery.min.js"></script>
<script type="text/javascript"...阅读全文