ul | 易学教程

scrapy Selector用法及xpath语法

阅读更多关于 scrapy Selector用法及xpath语法

准备工作 html示例: <?xml version="1.0" encoding="UTF-8"?> <html <head> <title>text</title> </head> <body> <div class="cdiv"> <p class="cp1 section">test p1 <span>next p1</span></p> <ul> <li id="0">1</li> <li id="1">2</li> <li id="2">3</li> </ul> </div> <div class="cdiv1"> <p class="cp2">test p2 <span>next p2</span></p> <ul> <li id="3">4</li> <li id="4">5</li> <li id="5">6</li> </ul> </div> <p class="item">test in p </p> <li id="6" class="item cli-1">7</li> <li id="7" class="item cli-2">8</li> </body> </html> 把该示例保存到test.html中. 创建python文件，输入代码 from scrapy.selector import Selector doc = '' with open('

数字和文字 css对齐设置

阅读更多关于数字和文字 css对齐设置

先看UI图像这种数字和文字对齐，一开始的想法是，分标签来搞，想怎么搞都可以，后来咨询同事，学习更多的做法，发现还有可以有以下两种方式 1.用ul li标签， ul设置css属性：<ul style="list-style-type:decimal"> 开始怀疑这种属性的兼容性，怕有很多问题，后来查询：发现其兼容性，不错，放心使用 2.使用下面的css属性：　text-indent: -2em; 　margin-left: 2em; 然后调整下样式即可来源： https://www.cnblogs.com/freddyhuang/p/12653996.html

无缝滚动

阅读更多关于无缝滚动

原理： 1. 给ul 一个绝对定位，left 设置为0 ，把图片塞进ul 里，编写一个“move" 函数，函数功能能够使ul 的left 以一个正速度向右跑动， 2. 设置一个定时器，让 "move " 函数每30( 参数可变) 毫秒执行一次 3. 因为ul 的长度会“跑”完，此时可以使ul 的content 也就是img量增加一倍， oUl.innerHTML += oUl.innerHTML; 4. 此时因为ul 的content 增加，其width 也会随着增大，根据实际项目展示图片数量可能改动或不确定性， oUl.style.width = oLi.length*oLi[0].offsetWidth+'px'; 5. 往“move”函数里增添代码。 5.1 此时ul 向右移动，判断当ul 的offsetLeft>0 时，把ul 向左拉“一半ul 的宽度”，也就是使ul 能够向右一直无限制滚动 if(oUl.offsetLeft>0){ oUl.style.left = -oUl.offsetWidth/2+'px'; } 5.2 当ul 向左滚动，其offsetLeft跑了ul 一半的宽度时，把整个ul 拉回至初始的left:0; if (oUl.offsetLeft<-oUl.offsetWidth/2) { oUl.style.left = 0; } 上代码：

js无缝滚动

阅读更多关于 js无缝滚动

原理及知识点原理：使用div盒子，ul包li，复制多一个ul1,当第一个ul滚动到最后一张的时候，下一次的点击将ul1定位到显示的那个位置，这里要注意一下z-index,ul定位到上一张的位置，然后才让两个滚动知识点：这里用到了（运动框架，自定义属性，定时器，复制元素，添加元素）代码链接：https://llcmite.github.io/ 进去首页的轮播图就是了 github：https://github.com/llcMite/llcMite.github.io.git 来源： https://www.cnblogs.com/llcMite/p/6229367.html

JQUERY伸缩导航

阅读更多关于 JQUERY伸缩导航

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link type="text/css" href="http://blog.163.com/tstone_wj/blog/base.css" rel="stylesheet" /> <script type="text/javascript" src="http://blog.163.com/tstone_wj/blog/jquery.js"></script> <title>我的空间</title> <style type="text/css"> .attention{ width:315px; float:left; margin-left:10px; display:inline;} .attention h3{width:303px; float:left; height:20px;

ul>li>a>img图片居中

阅读更多关于 ul>li>a>img图片居中

<div class="product-box"> <ul> <li><a href=""><img src="img/xianhua_icon.png" alt=""></a></li> <li><a href=""><img src="img/yongshenghua_icon.png" alt=""></a></li> <li><a href=""><img src="img/cake_icon.png" alt=""></a></li> <li><a href=""><img src="img/gift_icon.png" alt=""></a></li> <li><a href=""><img src="img/choclate_icon.png" alt=""></a></li> </ul> </div> .product-box{ ul{ li{ float: left; } a{ img{ } } } } 仅仅对li设置浮动时效果如下，没有居中且li（a标签）高度辣么~高对ul设置居中并将其显示方式设置为table，即 .product-box{ ul{ margin: 0 auto; display: table; li{ float: left; } a{ background

用Python爬取大众点评数据，推荐火锅店里最受欢迎的食品

阅读更多关于用Python爬取大众点评数据，推荐火锅店里最受欢迎的食品

前言文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。作者：有趣的Python PS：如有需要Python学习资料的小伙伴可以加点击下方链接自行获取http://t.cn/A6Zvjdun 首先笔者定位为成都，美食类型选的“火锅”，火锅具体类型选的不限，区域选的不限，排序选的智能，如图：你也可以选择别的选项，只是注意URL的变化。本文都是按照上述选项爬取的数据。接下来翻页观察一下URL的变化：第二页：第三页：很容易观察出翻页变化的知识p后面的数字，倒推回第一页，发现一样的显示内容，因此，写一个循环，便可以爬取全部页面。但是大众点评只提供了前50页的数据，所以，我们也只能爬取前50页。这一次，笔者用的pyquery来分析网页的，所以我们需要定位到我们所爬取的数据的位置，如图：在具体分析的网页的时候，我震惊了，大众点评的反爬做的太过分了，它的数字，一些文字居然都不是明文显示，而是代码，你还不知道怎么分析它。如图：很烦的，一些文字又可以显示，一些又用代码表示。一些数字也是，不过好一点的是数字只有9个，只要稍微观察一下，就能发现数字的代码是什么了。这里笔者列出来了。 {'hs-OEEp': 0, 'hs-4Enz': 2, 'hs-GOYR': 3, 'hs-61V1': 4, 'hs-SzzZ': 5,

jQuery判断当前元素是第几个元素&获取第N个元素

阅读更多关于 jQuery判断当前元素是第几个元素&获取第N个元素

假设有下面这样一段HTML代码： <ul> <li>jQuery判断当前元素是第几个元素示例</li> <li>jQuery获取第N个元素示例</li> <li>jQuery选择器示例</li> </ul> jQuery判断当前元素是第几个元素如果我们点击任何一个li标签，想知道当前点击的是第几个li标签，可以使用下面的代码： $("ul li").click(function () { var index = $("ul li").index(this); alert(index); }); jQuery 获取第N个元素同理，如果我们要获取第二li标签元素，可以使用下面的代码 var element=$("ul li").eq(1); alert($(element).html()); <ul> <li>jQuery判断当前元素是第几个元素示例</li> <li>jQuery获取第N个元素示例</li> <li>jQuery选择器示例</li> </ul> jQuery判断当前元素是第几个元素如果我们点击任何一个li标签，想知道当前点击的是第几个li标签，可以使用下面的代码： $("ul li").click(function () { var index = $("ul li").index(this); alert(index); }); jQuery 获取第N个元素

jQuery实现手风琴效果

阅读更多关于 jQuery实现手风琴效果

1.创建测试页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>手风琴效果</title> <script src="js/jquery-3.4.1.js"></script> <style> ul,li,h4{ margin: 0; padding: 0; } .left{ width: 160px; height: auto; float: left; } ul.menu{ width: 100%; float: left; } ul.menu>li{ list-style: none; position: relative; background:#E4644B; text-align: center; line-height: 22px; border-bottom: solid 1px #DED; } ul.menu>li:last-child{ border-bottom: none; } ul.menu>li ul li{ padding: 5px 0; } .right{ width: 500px; background-color:

Django纵向二级导航栏（鼠标悬空事件）

阅读更多关于 Django纵向二级导航栏（鼠标悬空事件）

学习html+css的导航栏样式，做个笔记，这个是最基础的，没有啥美化。后面再研究一下树形结构的二级导航栏 1 <!DOCTYPE html> 2 <html lang="en" xmlns="http://www.w3.org/1999/html"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>{% block title %} base模板 {% endblock title%}</title> 6 <style > 7 th {color:green} 8 tbody {color:blue;height:50px} 9 tfoot {color:red} 10 11 #header{ 12 background-color: black; 13 color: azure; 14 text-align: center; 15 padding: 5px; 16 } 17 /*设定整个导航栏样式*/ 18 #nav{ 19 background-color: gainsboro; 20 height: 500px; 21 width: 200px; 22 color: black; 23 float: left; 24 padding:5px; 25 } 26 #nav a,ul{ 27 text-decoration: none;/*

订阅 ul