当前位置: 首页 > news >正文

PHP函数里面写JQ CSS HTML的写法案例

/*** @description: 返回顶部* @param {*}* @return {*}*/
public function gotop()
{global $_L, $COMCFG;$plugin = $COMCFG['plugin']['gotop'] ?: [];$plugin = array_merge(["right"   => 30,"bottom"  => 80,"color"   => "rgba(255, 255, 255, 1)","bgcolor" => "rgba(96, 98, 102, 1)",], $plugin);if ($plugin['style'] == "1" && $plugin['image']) {$css  = '<style>.lcms-gotop-Box{display:none;position:fixed;width:50px;height:auto;right:' . $plugin['right'] . 'px;bottom:' . $plugin['bottom'] . 'px;cursor:pointer;z-index:999}.lcms-gotop-Box img{display:block;width:100%;vertical-align:middle}</style>';$html = '<div class="lcms-gotop-Box"><img src="' . oss($plugin['image']) . '" alt="GOTOP" title="GOTOP"/></div>';} else {$css  = '<style>.lcms-gotop-Box{display:none;position:fixed;width:40px;height:40px;line-height:40px;right:' . $plugin['right'] . 'px;bottom:' . $plugin['bottom'] . 'px;text-align:center;color:' . $plugin['color'] . ';background:' . $plugin['bgcolor'] . ';cursor:pointer;box-shadow:0 0 1px 1px #fff;z-index:999}.lcms-gotop-Box i{font-size:20px;vertical-align:middle}</style>';$html = '<div class="lcms-gotop-Box"><i class="fas fa-chevron-up"></i></div>';}echo "LCMSJQ('body').append('{$css}').append('{$html}');";echo 'if(LCMSJQ(".lcms-gotop-Box").length>0){LCMSJQ(window).scroll(function(){if(LCMSJQ(this).scrollTop()>100){LCMSJQ(".lcms-gotop-Box").fadeIn()}else{LCMSJQ(".lcms-gotop-Box").fadeOut()}});LCMSJQ(".lcms-gotop-Box").click(function(){LCMSJQ("html ,body").animate({scrollTop:0},300);return false});}';
}

相关文章:

PHP函数里面写JQ CSS HTML的写法案例

/*** description: 返回顶部* param {*}* return {*}*/public function gotop() {global $_L, $COMCFG;$plugin $COMCFG[plugin][gotop] ?: [];$plugin array_merge(["right" > 30,"bottom" > 80,"color" > "rgba(255, 25…...

爬虫工作量由小到大的思维转变---<第十八章 Scrapy请求处理与返回策略>

前言: 今天我们来聊一聊Scrapy爬虫中的请求处理与返回策略。你有没有遇到过一个Item需要由多个请求组成的情况&#xff1f;如果是的话&#xff0c;那么对请求的处理和决定是否返回处理过的Item对象就变得格外重要。看一下Scrapy中的相关策略&#xff0c;实现爬虫的完美康复。 …...

【免费直播今天下午!】见微知著 唤醒视觉:机器视觉与成像应用解决方案,诚邀您的参与!

机器视觉的出现和应用突破了人眼目之所及的限制&#xff0c;在工业制造、生物医疗和科学研究等领域&#xff0c;我们利用各种视觉和光电设备&#xff0c;得以在“方寸之地”收获细微之处的画面。 如何找寻行业领先的视觉方案、拓宽视觉应用行业&#xff1f;如何拨开云雾、见微…...

智商均值回归

大家都是做技术的&#xff0c;应该都很聪明。 假如家族的智商极限&#xff0c;【min&#xff0c; max】 一言以蔽之&#xff0c;个人的智商是【min&#xff0c; max】中间的一个值。 同理人类的智商也有个极限值&#xff0c;都在这个范围内浮动。 例如&#xff0c;【1&#…...

ChatGPT助力Excel数据分析:让你的工作事半功倍!

文章目录 一、ChatGPT简介二、ChatGPT在Excel数据分析中的应用1. 数据清洗2. 数据处理3. 数据分析4. 数据可视化 三、如何使用ChatGPT进行Excel数据分析1. 安装ChatGPT插件2. 输入问题或命令3. 查看结果并调整参数4. 导出结果并分享四、总结与展望 《巧用ChatGPT高效搞定Excel数…...

多表插入、删除操作(批量)——后端

多表插入 场景&#xff1a;当添加一个菜品时&#xff0c;还需要记录菜品的口味信息&#xff0c;因此需要对菜品表&#xff08;dish&#xff09;和口味表&#xff08;dish_flavor&#xff09;同时进行插入操作。 两个表的字段&#xff1a; 代码思路&#xff1a;由DishControll…...

Java操作Word修订功能:启用、接受、拒绝、获取修订

Word的修订功能是一种在文档中进行编辑和审阅的功能。它允许多个用户对同一文档进行修改并跟踪这些修改&#xff0c;以便进行审查和接受或拒绝修改。修订功能通常用于团队合作、专业编辑和文件审查等场景。 本文将从以下几个方面介绍如何使用免费工具Free Spire.Doc for Java在…...

什么是数据仪表板?数据可视化仪表盘怎么制作?

在数据经济时代&#xff0c;分析数据是每个企业做出最佳决策的关键。但是&#xff0c;手动分析和解释大量数据是不可行的。数据可视化对于分析数据中存在的各种有价值信息至关重要&#xff0c;包括可见趋势和隐藏趋势等。仪表盘显示可视化趋势和信息&#xff0c;例如 KPI、趋势…...

HiveServer2

HiveServer2 基本概念介绍 1、HiveServer2基本介绍 HiveServer2 (HS2) is a server interface that enables remote clients to execute queries against Hive and retrieve the results (a more detailed intro here). The current implementation, based on Thrift RPC, i…...

YOLOv8改进 | 2023注意力篇 | HAttention(HAT)超分辨率重建助力小目标检测 (全网首发)

一、本文介绍 本文给大家带来的改进机制是HAttention注意力机制&#xff0c;混合注意力变换器&#xff08;HAT&#xff09;的设计理念是通过融合通道注意力和自注意力机制来提升单图像超分辨率重建的性能。通道注意力关注于识别哪些通道更重要&#xff0c;而自注意力则关注于图…...

IDEA Community html文件里的script标签没有syntax highlighting的解决方案

在网上找到的解决方法有的是针对Ultimate版本才可以下载的plugin&#xff0c;对我所用的Community版本无法生效&#xff0c;找了一圈最后在stackoverflow上找到一个有效的方案&#xff0c;给需要的小伙伴分享一下&#xff1a;IntelliJ Community Edition: Javascript syntax hi…...

如何获取旧版 macOS

识别机型支持的最新的兼容操作系统 识别 MacBook Air - 官方 Apple 支持 (中国) 社区网站&#xff1a;AppStore 无法找到macos cata… - Apple 社区 官网链接隐藏比较深&#xff1a;如何下载和安装 macOS - 官方 Apple 支持 (中国) 获取磁盘映像 Lion 10.7 https://update…...

vp与vs联合开发-Ini配置文件

1.*.ini文件是Initialization file的缩写&#xff0c;即为初始化文件&#xff0c;是Windows系统配置文件所采用的存储格式&#xff0c;统管Windows的各项配置&#xff0c; 2.可以用来存放软件信息、注册表信息等 3.可以使用代码方式和手动编辑操作 &#xff0c;一般不用直接编辑…...

Ethernet/IP 之IO 连接简要记录

IO连接 EIP的IO连接提供了在一个生产者和多个消费者之间的特定的通信路径&#xff0c;以达到IO数据在IO连接下传输。 生产者对象产生IO数据通过生产者IO连接管理者对象将连接ID和数据组帧发送给消费者IO连接管理者对象然后将IO数据发送给消费者对象。 显示消息连接 显式消息传…...

【python基础】-- yarn add 添加依赖的各种类型

目录 1、安装 yarn 1.1 使用npm安装 1.2 查看版本 1.3 yarn 淘宝源配置 2、安装命令说明 2.1 yarn add&#xff08;会更新package.json和yarn.lock&#xff09; 2.2 yarn install 2.3 一些操作 2.3.1 发布包 2.3.2 移除一个包 2.3.3 更新一个依赖 2.3.4 运行脚本 …...

@Autowired搭配@interface注解实现策略模式

应用场景&#xff1a;存在银行卡和社保卡的支付、退货等接口&#xff0c;接口报文中使用transWay表示银行卡&#xff08;0&#xff09;和社保卡&#xff08;1&#xff09;&#xff0c;transType表示支付&#xff08;1&#xff09;、退货&#xff08;2&#xff09;。那么由其组合…...

Linux CentOS下Composer简单使用

1.下载composer-setup.php cd /usr/local/src php -r “copy(‘https://install.phpcomposer.com/installer’, ‘composer-setup.php’);”2.安装composer php composer-setup.php3.设置全局composer cp composer.phar /usr/local/bin/composer4.设置国内镜像 composer co…...

Mysql-干净卸载教程

卸载 服务停掉 先把mysql服务停掉&#xff0c;如下点击右键&#xff0c;停止运行。 删除C盘内文件 接下来c盘里面的三个文件下的MySQL一一删除&#xff0c;需要注意的是 需要注意的是programdata文件下可能 隐藏了MySQL文件&#xff0c;所以可以在查看选项显示隐藏的文件。 …...

纵横字谜的答案 Crossword Answers

纵横字谜的答案 Crossword Answers - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 翻译后大概是&#xff1a; 有一个 r 行 c 列 (1<r,c<10) 的网格&#xff0c;黑格为 * &#xff0c;每个白格都填有一个字母。如果一个白格的左边相邻位置或者上边相邻位置没有白格&…...

cpp_04_类_对象_this指针_常对象_常(成员)函数

1 类 1.1 类的定义 类的作用是抽象事物&#xff08;抽取事物特征&#xff09;的规则。 类的外化表现是用户自定义的复合数据类型&#xff08;包括成员变量、成员函数&#xff09;&#xff1a; 成员变量用于表达事物的属性&#xff0c;成员函数用于表达事物的行为。 类的表现…...

【小沐学GIS】基于C++构建三维地球交互应用(QT、OpenGL、glfw、glut)

1. 三维地球交互应用开发概述 用C打造一个能旋转、缩放、点击的三维地球&#xff0c;听起来像是NASA工程师的活儿&#xff1f;其实只要掌握QT和OpenGL的核心技巧&#xff0c;你也能在周末撸出个迷你"谷歌地球"。我去年给某气象机构做数据可视化时就用了这套技术栈&am…...

Llama-3.2V-11B-cot镜像免配置教程:改路径即启,5分钟完成部署

Llama-3.2V-11B-cot镜像免配置教程&#xff1a;改路径即启&#xff0c;5分钟完成部署 1. 项目简介 Llama-3.2V-11B-cot是一款基于Meta Llama-3.2V-11B-cot多模态大模型开发的高性能视觉推理工具。它针对双卡4090环境进行了深度优化&#xff0c;特别适合想要快速体验多模态大模…...

ESP32异步WiFi管理库:PROGMEM静态资源与NVS轻量配置

1. 项目概述AsyncWiFiManagerSimple是一款专为 ESP32 平台设计的轻量级、全异步 WiFi 配置管理库&#xff0c;其核心目标是在资源受限的嵌入式 IoT 场景中实现高可靠性、低 Flash 占用与零文件系统依赖。该库不使用 SPIFFS、LittleFS 或任何基于块设备的文件系统&#xff0c;所…...

Qwen2.5-VL-7B图文对话模型快速体验:上传图片,AI帮你解答一切

Qwen2.5-VL-7B图文对话模型快速体验&#xff1a;上传图片&#xff0c;AI帮你解答一切 1. 模型简介 Qwen2.5-VL-7B-Instruct-GPTQ是一款基于Qwen2.5-VL-7B-Instruct模型的GPTQ量化版本&#xff0c;专门用于图文对话任务。这个模型能够理解图片内容&#xff0c;并根据图片回答用…...

零基础5分钟部署通用物体识别-ResNet18:小白也能搭建的AI图像分类服务

零基础5分钟部署通用物体识别-ResNet18&#xff1a;小白也能搭建的AI图像分类服务 1. 为什么选择ResNet-18做图像分类 图像分类是计算机视觉中最基础也最实用的技术之一。想象一下&#xff0c;当你拍了一张照片上传到社交平台&#xff0c;系统能自动识别出照片中是"猫&q…...

海康NVR接入监控平台遇到503错误?可能是这个协议配置问题

海康NVR接入监控平台遇到503错误&#xff1f;可能是这个协议配置问题 当海康NVR接入视频监控平台时出现503错误&#xff0c;很多技术人员的第一反应是检查网络连接或服务器状态。但实际上&#xff0c;协议配置不当往往是这类问题的隐形杀手。特别是在混合使用ONVIF协议和海康私…...

从零配置glab:解决GitLab命令行工具认证失败的常见问题

从零配置glab&#xff1a;解决GitLab命令行工具认证失败的常见问题 对于开发者而言&#xff0c;高效管理GitLab仓库是日常工作中的重要环节。glab作为GitLab官方推荐的非官方命令行工具&#xff0c;提供了比原生Git更丰富的功能集&#xff0c;但初次配置时遇到的认证问题往往让…...

Servlet 过滤器(Filter)

一、过滤器是什么&#xff1f;统一处理所有请求 / 响应&#xff0c;不用每个 Servlet 都写重复代码&#xff01;Servlet 过滤器 服务器端的 “门卫 / 拦截器”它在 请求到达 Servlet 之前 先拦截也可以在 响应返回客户端之前 再处理可以对请求、响应、会话做统一处理一个项目可…...

终极指南:使用SMUDebugTool优化AMD Ryzen系统性能与稳定性

终极指南&#xff1a;使用SMUDebugTool优化AMD Ryzen系统性能与稳定性 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. 项目地址: https:…...

OpenClaw+nanobot轻量级部署:5分钟搭建个人AI助手实战

OpenClawnanobot轻量级部署&#xff1a;5分钟搭建个人AI助手实战 1. 为什么选择OpenClawnanobot组合 上周我在整理电脑上的项目文档时&#xff0c;突然意识到自己每天要重复处理大量机械性工作&#xff1a;查找资料、归类文件、记录会议要点。作为独立开发者&#xff0c;这些…...