当前位置: 首页 > 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});}';
}
http://www.lryc.cn/news/264192.html

相关文章:

  • 爬虫工作量由小到大的思维转变---<第十八章 Scrapy请求处理与返回策略>
  • 【免费直播今天下午!】见微知著 唤醒视觉:机器视觉与成像应用解决方案,诚邀您的参与!
  • 智商均值回归
  • ChatGPT助力Excel数据分析:让你的工作事半功倍!
  • 多表插入、删除操作(批量)——后端
  • Java操作Word修订功能:启用、接受、拒绝、获取修订
  • 什么是数据仪表板?数据可视化仪表盘怎么制作?
  • HiveServer2
  • YOLOv8改进 | 2023注意力篇 | HAttention(HAT)超分辨率重建助力小目标检测 (全网首发)
  • IDEA Community html文件里的script标签没有syntax highlighting的解决方案
  • 如何获取旧版 macOS
  • vp与vs联合开发-Ini配置文件
  • Ethernet/IP 之IO 连接简要记录
  • 【python基础】-- yarn add 添加依赖的各种类型
  • @Autowired搭配@interface注解实现策略模式
  • Linux CentOS下Composer简单使用
  • Mysql-干净卸载教程
  • 纵横字谜的答案 Crossword Answers
  • cpp_04_类_对象_this指针_常对象_常(成员)函数
  • AttributeError: module ‘_winapi‘ has no attribute ‘SYNCHRONIZE‘解决方案
  • 多媒体互动橱窗设计如何改变内容展示形式?
  • flutter自定义地图Marker完美展示图片
  • no module named cv2 、numpy 、xxx超全解决方案
  • BSWM 模式管理(二)ESH
  • mac电脑安装虚拟机教程
  • 手动配置 kafka 用户密码,认证方式等的方式
  • 机器学习 深度学习 神经网络
  • VCG 获取某个顶点的邻接顶点
  • 四川云汇优想教育咨询有限公司电商服务靠谱吗
  • Spring MVC框架支持RESTful,设计URL时可以使用{自定义名称}的占位符@Get(“/{id:[0-9]+}/delete“)