ICode9

精准搜索请尝试: 精确搜索
  • 轮播的各种实现方式2022-09-13 09:32:58

    主要的业务逻辑 需求: 宽度自适应的走马灯,无限无缝轮播 无限的头像展示走马灯 轮播图需要宽度自适应,头像的轮播的宽度是固定的 基于需求的 轮播/走马灯 各种实现方案: 正常的js实现 实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta ht

  • 9.jQuery2022-09-09 09:02:45

    9.jQuery Javascript jQuery库,里面存在大量的JavaScript函数 获取jQuery  <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title>    //CDN引入     <script src="https://c

  • jquery操作class2022-09-06 22:33:08

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="node_modules/jquery/dist/jquery.min.js"></script> <style>

  • CSS3层叠样式表2022-08-30 19:30:59

    ​   /* *作者:呆萌老师 *☑csdn认证讲师 *☑51cto高级讲师 *☑腾讯课堂认证讲师 *☑网易云课堂认证讲师 *☑华为开发者学堂认证讲师 *☑爱奇艺千人名师计划成员 *在这里给大家分享技术、知识和生活 *各种干货,记得关注哦! *vx:it_daimeng */                CSS是C

  • 关于ul点击事件委托给li时的鼠标拖动问题2022-08-22 22:30:59

    网上查看后发现Click可以被两个事件触发:mouseUp与mouseDown,即点击和松开时都会触发一次。 随后当我从一个li点击拖动到其他li松开时,触发的事件对象因为冒泡变成了父元素ul,并非我们想要的当前触发对象li。在ul点击事件时添加触发事件对象判断即可:     var majorContentDown = do

  • python爬虫之BeautifulSoup4使用2022-08-22 18:01:29

    钢铁知识库,一个学习python爬虫、数据分析的知识库。人生苦短,快用python。 上一章我们讲解针对结构化的html、xml数据,使用Xpath实现网页内容爬取。本章我们再来聊另一个高效的神器:Beautiful Soup4。相比于传统正则表达方式去解析网页源代码,这个就简单得多,实践是检验真理的唯一标准,

  • 817笔记(轮播图js)2022-08-17 23:35:17

    网页轮播图 步骤: 鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮 点击右侧按钮一次,图片往左播放一次,以此类推,左侧按钮同理 图片播放的同时,下面小圆圈模块跟随一起变化 点击小圆圈,可以播放相应的图片 鼠标不经过轮播图,轮播图也会自动播放图片 鼠标经过轮播图,自动播放停止 js部

  • JS实现Tab栏切换的两种方式2022-08-15 09:03:55

    面向过程的写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=&quo

  • line-height 和 height的区别2022-08-10 14:30:53

    含义不同 line-height是行高的意思,它决定了元素中文本内容的高度 height则是定义元素自身的高度 height使用 <style> ul{ width: 500px; font-size: 20px; background-color: red; height: 50px; } li{ } </

  • 1011 外挂 线段树 数学思维2022-08-08 21:32:38

     链接:https://ac.nowcoder.com/acm/contest/26896/1011来源:牛客网 题目描述 我的就是我的,你也是我的,记住了,狐狸!                                                                       ——韩信-白龙吟

  • electron提示错误:document is not defined(document未定义)2022-08-05 13:33:52

    具体解决方案:关于javascript:`document`未定义Electron | 码农家园 (codenong.com)   最近在自己写electron套壳程序时发现下面这段代码无论在main.js还是render.js中都会提示document未定义: 1 var jt=document.evaluate('/html/body/div[3]/div[2]/ul/li[1]/ul/li[2]/div/span[4

  • jQuery_下拉菜单_改进2022-08-01 21:36:14

    <!--@description--> <!--@author beyondx--> <!--@date Created in 2022/08/01/ 18:25--> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery下拉菜单</title>

  • jQuery中mouseenter&mouserleave替代mouseover&mouseout2022-08-01 11:32:29

    <!--@description--> <!--@author beyondx--> <!--@date Created in 2022/08/01/ 10:18--> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery下拉菜单</title>

  • documentFragment深入理解2022-08-01 00:31:39

    documentFragment深入理解 抽疯的稻草绳关注 0.4482020.12.27 16:42:40字数 178阅读 3,225 documentFragment是一个保存多个element的容器对象(保存在内存)当更新其中的一个或者多个element时,页面不会更新。只有当documentFragment容器中保存的所有element更新后再将其插入到

  • CSS(十七):快报模块2022-07-22 14:06:44

    效果 代码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="index.css"> </head>

  • CSS(十七):快报模块2022-07-22 14:06:37

    效果 代码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="index.css"> </head>

  • 轮播图实现2022-07-18 22:31:42

    目录HTML部分CSS部分JS部分 demo HTML部分 slideshow: 整个轮播图的框架 prev: 上一页按钮 next: 下一页按钮 promo: 轮播图促销图片 circle: 促销图片对应的按钮 promo_now: 当前促销图片对应的按钮 <body> <div class="slideshow"> <a src="" alt=""

  • jQuery2022-07-08 00:34:05

    jQuery JavaScript jQuery库,里面存在大量的JavaScript函数 获取jQuery <script> //原生js,选择器少,麻烦不好记 //标签 document.getElementsByTagName(); //id document.getElementById(); //类 document.getElementsByClassName(); //jQuery css中的选择器它

  • 使用Python+Appium+夜神模拟器,并连接uiautomatorviewer2022-06-30 19:05:05

    本文不介绍安装步骤,实在是太多博文了 一、安装 Python:3.8 Appium:1.22.3 夜神模拟器 node JDK1.8 SDK 二、成功连接模拟器 PytCharm代码如下: # coding=utf-8 from appium import webdriver from appium.webdriver.common.appiumby import AppiumBy desired_caps = {

  • JavaScript实现轮播图2022-06-22 12:37:42

    一 元素内容分析 1.一个播放窗口 2.方向键 3.要播放的图片 4.随图片播放的小圆圈 二 功能分析 1.方向键根据窗口高度自动居中,左右间隔固定 2.根据图片数量自动创建小圆圈 3.点击小圆圈图片随之改变,小圆圈必须与图片对应 4.点击方向键,图片也随之改变 5.鼠标移入窗口,则显示方向

  • JS DOM操作2022-06-21 17:33:33

    目录什么是DOM?DOM 树获取元素根据元素 ID 获取 getElementById()通过标签名获取 getElementByTagName()根据类名来获取 getElementByClassName()根据选择器获取 querySelector()根据选择器获取 querySelectorAll()获取 body 和 html事件基础操作元素改变元素内容innerTextinnerHTM

  • JavaScript小案例-留言板案例2022-06-17 22:06:11

    简单版发布留言案例 留言后没有时间,没有键盘监听 <body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul> <script> // 1. 获取元素 var btn = document.querySelec

  • 【python】使用爬虫爬取动漫之家漫画全部更新信息2022-06-15 20:31:36

    本篇仅在于交流学习 网站名称为: https://manhua.dmzj.com/ 1.首先将相应的库导入: import requests from lxml import etree 2.确定漫画更新页面上限:    第一页   第二页   可以确定页面转换是通过修改数字改变网页的 3.使用for循环遍历页面: for page in range(1,11):

  • 07.伪类选择器2022-06-07 09:03:51

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • CSS常用选择器和定位2022-06-05 10:00:42

    选择器 结构伪类选择器 /*选中ul的第一个子元素*/ ul li:first-child{ } /*ul的最后一子元素*/ ul li:last-child{ } /*选择p:定位到父元素然后选择子元素中第一个,但如果类型不符合则不改*/ p:nth-child(2){ } /*选择p:定位到父元素下第二个p元素*/ p:nth-of-type(2){ } 属性

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有