随笔分类 - Jquery
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>放大镜效果</title> <style type="text/css"> * { margin: 0; padding: 0; } .small { margin-left:40
阅读全文
摘要：<script> $(document).ready(function() { var div = $('#leftNav_2024925'); // 替换为你的 div 的 ID var divTop = div.offset().top; // 获取 div 顶部的位置 $(window).sc
阅读全文
摘要：这个 $(document).scrollTop($(document).height()); <!DOCTYPE html> <html> <head> <title>Scroll Automatically</title> <script src= "https://ajax.googleapi
阅读全文
摘要：html <span class="price-value">9.99</span> <span class="price-value">9.99</span> <span class="price-value">9.99</span> JQuery $('.price-value').each(f
阅读全文
摘要：示例代码： var objJson=function(){ var express_data=null; $.ajax({ type:"get", 'async': false, 'global': false, url:'{{url('/server/express/index')}}', dat
阅读全文
摘要：这个要默认写上：top:0 滚动后： 代码： var navH=$('.box-footer').offset().top; $(window).scroll(function (){ var scroH=$(this).scrollTop(); if(scroH>=navH){ $(".box-f
阅读全文
摘要：html <div class="container"> <div class="header"><span>Expand</span> </div> <div class="content"> <ul> <li>This is just some random content.</li> <li>
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .collapsible { background-color: #777; colo
阅读全文
摘要：一 1. 渲染UI结构时遇到的问题 如果UI结构比较复杂，则拼接字符串的时候需要格外注意引号之前的嵌套。且一旦需求发生变化，修改起来也非常麻烦。 2.什么是模板引擎 模板引擎，顾名思义，它可以根据程序员的模板结构和数据，自动生成一个完整的HTML页面。 3.模板引擎的好处 减少了字符串的拼接操作 使
阅读全文
摘要：<body> <div>Registration closes in <span id="time">05:00</span> minutes!</div> </body> function startTimer(duration, display) { var timer = duration,
阅读全文
摘要：案例分析 1.整个案例可以分三个功能模块 2.鼠标经过小图片盒子，黄色的遮挡层和大图片盒子显示，离开隐藏2个盒子功能 3.黄色的遮挡层跟随鼠标功能 4.移动黄色遮挡层，大图片跟随移动功能 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti
阅读全文
摘要：转：https://blog.csdn.net/hahanishia/article/details/110357117 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jq 回顶</title> <script></scrip
阅读全文
摘要：滚动到底部时，会附加 html 元素。这种附加机制只做了两次，最后附加了一个粉蓝色的按钮。 <!DOCTYPE html> <html> <head> <title>Demo: Lazy Loader</title> <script src="https://code.jquery.com/jque
阅读全文
摘要：html <div class="counting"> <div class="box"> <h1 class="count" data-count="1200">1200+</h1> <h3>working hours</h3> </div> <div class="box"> <h1 class
阅读全文
摘要：链接： https://qdmana.com/2022/04/202204051954306256.html https://chowdera.com/2022/03/202203070422583176.html https://www.codetd.com/en/article/6900965
阅读全文
摘要：现在有一个需求，我要往这5个侧边栏添加5个类名，是图标的。 因为后端是php，他已经渲染了，突然要添加这5个图标，我不想麻烦他，那我们就自己插入吧 @foreach($cate as $v) <li class="nav-li"> <a href="{{url('category/'.$v->id)
阅读全文
摘要：循环多个相同的计算加减模块，该如何用一个jQuery语句通用呢。 就是在this开始往父级找，找到再往下找就可以了 例子： 你可以复制多个 size-detail 块，他们可以共用jQuery语句，相互之间不受影响。 <div class="size-detail"> <h4 class="size
阅读全文
摘要：代码 需要引入Jquery文件 <!doctype html> <html> <head> <meta charset="utf-8"> <title>jq随机图形二维码</title> <script src="jquery.min.js"></script> <style> #verify {
阅读全文
摘要：效果图 1. 当我门滚动到今日推荐模块，就让电梯导航显示出来 当滚到recommend就显示 那么实现的jQuery代码是： 2.第二个模块，点击电梯导航页面可以滚动到相应内容区域 要对应 3.核心算法：因为电梯导航模块和内容区模块一一对应的 4.当我们点击电梯模块某个小模块，就可以拿到当前小模块的
阅读全文
